logo

JavaScript Form Doğrulaması

  1. JavaScript form doğrulaması
  2. JavaScript doğrulama örneği
  3. JavaScript e-posta doğrulaması

Kullanıcı tarafından gönderilen formun doğrulanması önemlidir çünkü uygunsuz değerler içerebilir. Bu nedenle, kullanıcının kimliğini doğrulamak için doğrulama şarttır.

tel yapıcı

JavaScript, formu istemci tarafında doğrulama olanağı sağlar, böylece veri işleme, sunucu tarafı doğrulamasından daha hızlı olur. Web geliştiricilerinin çoğu JavaScript form doğrulamasını tercih ediyor.

JavaScript aracılığıyla adı, şifreyi, e-postayı, tarihi, cep telefonu numaralarını ve daha fazla alanı doğrulayabiliriz.


JavaScript Form Doğrulama Örneği

Bu örnekte adı ve şifreyi doğrulayacağız. İsim boş olamaz ve şifre 6 karakterden kısa olamaz.

Java'nın temelleri

Burada form gönderiminde formu doğruluyoruz. Verilen değerler doğru olana kadar kullanıcı bir sonraki sayfaya yönlendirilmeyecektir.

 function validateform(){ var name=document.myform.name.value; var password=document.myform.password.value; if (name==null || name==&apos;&apos;){ alert(&apos;Name can&apos;t be blank&apos;); return false; }else if(password.length<6){ 6 alert('password must be at least characters long.'); return false; } name: <br> Password: <br> </6){>
Şimdi Test Edin

JavaScript Parola Doğrulamasını Yeniden Yazın

 function matchpass(){ var firstpassword=document.f1.password.value; var secondpassword=document.f1.password2.value; if(firstpassword==secondpassword){ return true; } else{ alert(&apos;password must be same!&apos;); return false; } } Password: <br> Re-enter Password: <br> 
Şimdi Test Edin

JavaScript Numarası Doğrulaması

Metin alanını yalnızca sayısal değer için doğrulayalım. Burada isNaN() fonksiyonunu kullanıyoruz.

 function validate(){ var num=document.myform.num.value; if (isNaN(num)){ document.getElementById(&apos;numloc&apos;).innerHTML=&apos;Enter Numeric value only&apos;; return false; }else{ return true; } } Number: <span id="numloc"></span> <br> 
Şimdi Test Edin

Resimle JavaScript doğrulaması

Girişin doğru veya yanlış olması durumunda doğru ve yanlış görseli görüntüleyen etkileşimli bir JavaScript form doğrulama örneğini görelim.

 function validate(){ var name=document.f1.name.value; var password=document.f1.password.value; var status=false; if(name.length<1){ document.getelementbyid('nameloc').innerhtml="  Please enter your name" ; status="false;" }else{ } if(password.length<6){ document.getelementbyid('passwordloc').innerhtml="  Password must be at least 6 char long" return status; <table class="table"> <tr><td>Enter Name:</td><td> <span id="nameloc"></span></td></tr> <tr><td>Enter Password:</td><td> <span id="passwordloc"></span></td></tr> <tr><td></td></tr>  </1){>
Şimdi Test Edin

Çıktı:

İsim giriniz:
Parolanı Gir:

JavaScript e-posta doğrulaması

E-postayı JavaScript yardımıyla doğrulayabiliriz.

java'da json'a itiraz

E-posta kimliğini doğrulamak için takip edilmesi gereken birçok kriter vardır:

  • e-posta kimliği @ ve karakterlerini içermelidir. karakter
  • @ işaretinden önce ve sonra en az bir karakter bulunmalıdır.
  • Sonrasında en az iki karakter bulunmalıdır. (nokta).

E-posta alanını doğrulamak için basit bir örnek görelim.

 function validateemail() { var x=document.myform.email.value; var atposition=x.indexOf(&apos;@&apos;); var dotposition=x.lastIndexOf(&apos;.&apos;); if (atposition<1 || dotposition="x.length){" alert('please enter a valid e-mail address 
 atpostion:'+atposition+'
 dotposition:'+dotposition); return false; } email: <br> </1>
Şimdi Test Edin