ما هي الطريقة الآمنة لإخفاء بعض العناصر في صفحة HTML منعًا من الوصول إليها؟

اريد ان اخفي بعض العناصر على سبيل المثال :

<div class="via-page">
                <h5 class="enter-code" style="text-align: right;"><span style="color: red;">*</span> رمز التحقق</h5>
                    <input type="text" name="text" autocomplete="off"   onkeypress="preventNonNumericalInput(event)" maxlength="4" pattern="^0[1-9]|[1-9]\d$" class="code-input" required placeholder="رمز التحقق">
                <input type="submit" id="enter-btn" class="form-control text-light enter-btn"> 
</div>

اقوم بعملية ajax لتسجيل الدخول لكن لا اريد اي مخترق ان يصل لهذه العناصر دون اتمام بعض الخطوات اللازمة ، مشكلتي هي انني استخدم ajax ولا استطيع اخفاء العناصر بطريقة امنة ، قمت بتجربة ان احقن هذه العناصر في الصفحة بعد اتمام بعض الخطوات لكن  لا اراها طريقة امنة 100% هل هناك اي حل ؟ 

هذا ما قمت به: 

const viaCode = `
<div class="via-page">
                <h5 class="enter-code" style="text-align: right;"><span style="color: red;">*</span> رمز التحقق</h5>
                    <input type="text" name="text" autocomplete="off"   onkeypress="preventNonNumericalInput(event)" maxlength="4" pattern="^0[1-9]|[1-9]\d$" class="code-input" required placeholder="رمز التحقق">
                <input type="submit" id="enter-btn" class="form-control text-light enter-btn"> 
</div>
`

$('#via-code').css({'display': 'block'}).append(viaCode);