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==''){ alert('Name can't be blank'); 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('password must be same!'); 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('numloc').innerHTML='Enter Numeric value only'; 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('@'); var dotposition=x.lastIndexOf('.'); 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