احراز هویت فرم با js

احراز هویت فرم ها با استفاده از جاوا اسکریپت

یکی از قسمتهای مهم سایت که می تواند امنیت آن را به خطر بیاندازد ورودی های فرم های آن می باشد. منظور از احراز هویت فرم ها جلوگیری از ورود اطلاعات نادرست و خطرناک از سمت کاربران می باشد.

آنچه در این مقاله می خوانید ...

احراز هویت فرم ها با سه زبان html و جاوا اسکریپت و زبان برنامه نویسی سمت سرور قابل انجام می باشد و با هر یک از آن ها می توان یک سد و مانع برای ورود اطلاعات نادرست و خطرناک ایجاد نمود.

 

احراز هویت فرم ها با استفاده از html :

برای جلوگیری از ارسال اطلاعات غلط توسط فرم ها به وسیله کاربران html برای ورودی های خود انواع مختلفی را در نظر گرفته برای مثال اگر شما نیاز به دریافت url از طرف کاربر هستید می توانید ویژگی type ورودی فرم خود را برابر با مقدار url قرار دهید، در این صورت کاربران به جز نوشتن url در آن ورودی چاره دیگری ندارند و نمی توانند آن را به صورت اشتباه وارد کنند.
با انتخاب نوع مناسب برای ورودی های فرم خود می شود تا حد قابل قبولی از ارسال اطلاعات نا مناسب و اشتباه جلوگیری نمود.

 

احراز هویت فرم ها با استفاده از js :

با جاوا اسکریپت می توانیم توابعی تعریف کنیم تا موقع دریافت یا ارسال فرم ها توسط کاربران اجرا شده و هویت ورودی ها را بررسی نمایند. این بررسی ها می توانند شامل بررسی صحت اطلاعات و یا مسایل امنیتی باشند.

به طور مثال : می توان در زمان ارسال url در ورودی مربوط به آن بررسی نمود که فقط url هایی مورد قبول باشند که از ssl استفاده کرده باشند. یا می توان بررسی نمود که در فایل ورودی متنی کدنویسی سمت سرور انجام نشده باشد و یا حتی در ناحیه متنی بررسی نمود که کسی از برچسب های html استفاده نکرده یاشد و…

در زمان احراز هویت با js می توان به کاربران مواردی را ذکر نمود به طور مثال اگر پسورد وارده کمتر از 8 عدد بود می توانیم با جاوا اسکریپت به کاربر اعلام کنیم که حتما 8 رقم را ایجاد نماید و در غیر این صورت از ارسال فرم جلوگیری کنیم.

  • <script type=”text/javascript”>
  • <!–
  • function emailinput(id,email) {
  • var test = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
  • var address = document.forms[id].elements[email].value;
  • if(test.test(address) == false) {
  • alert(‘آدرس ایمیل وارد شده صحیح نمی باشد.’);
  • return false;
  • }}
  • //–>
  • </script>
  • <script>
  • <!–
  • var text = encodeURI(document.getElementById(‘id’).value);
  • //–>
  • </script>
  • <script>
  • <!–
  • function validateinput(id){
  • var test=document.getElementById(‘id’).value;
  • if(!isNaN(test)){
  • alert(“متن ورودی صحیح نمی باشد.”);
  • }else{
  • return true;
  • }}
  • //–>
  • </script>
  • <script>
  • <!–
  • function validateinput(id){
  • var test=document.getElementById(‘id’).value;
  • if(test=null || test==””){
  • alert(“متن خود را وارد کنید.”);
  • }else{
  • return true;
  • }}
  • //–>
  • </script>
همچنین بخوانید...!

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *