Det er vigtigt at validere formularen indsendt af brugeren, fordi den kan have upassende værdier. Så validering er et must for at autentificere bruger.
JavaScript giver mulighed for at validere formularen på klientsiden, så databehandling vil være hurtigere end validering på serversiden. De fleste webudviklere foretrækker JavaScript-formularvalidering.
mvc i fjederramme
Gennem JavaScript kan vi validere navn, adgangskode, e-mail, dato, mobilnumre og flere felter.
JavaScript-formularvalideringseksempel
I dette eksempel skal vi validere navn og adgangskode. Navnet må ikke være tomt, og adgangskoden må ikke være mindre end 6 tegn lang.
shloka mehta uddannelse
Her validerer vi formularen ved indsendelse af formular. Brugeren vil ikke blive videresendt til næste side, før de angivne værdier er korrekte.
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){> Test det nu JavaScript Genindtast adgangskodevalidering
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> Test det nu JavaScript-nummervalidering
Lad os kun validere tekstfeltet for numerisk værdi. Her bruger vi isNaN() funktion.
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> Test det nu JavaScript-validering med billede
Lad os se et interaktivt JavaScript-formularvalideringseksempel, der viser korrekt og forkert billede, hvis input er korrekt eller forkert.
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){> Test det nu Produktion:
java streng til boolesk
| Indtast navn: | |
| Indtast adgangskode: | |
JavaScript e-mail validering
Vi kan validere e-mailen ved hjælp af JavaScript.
Der er mange kriterier, der skal følges for at validere e-mail-id'et, såsom:
- e-mail-id skal indeholde @ og . Karakter
- Der skal være mindst ét tegn før og efter @.
- Der skal være mindst to tegn efter . (prik).
Lad os se det enkle eksempel for at validere e-mail-feltet.
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> Test det nu