Det er viktig å validere skjemaet som sendes inn av brukeren fordi det kan ha upassende verdier. Så, validering er nødvendig for å autentisere brukeren.
JavaScript gir mulighet for å validere skjemaet på klientsiden slik at databehandlingen vil være raskere enn validering på serversiden. De fleste webutviklere foretrekker JavaScript-skjemavalidering.
mvc i vårramme
Gjennom JavaScript kan vi validere navn, passord, e-post, dato, mobilnummer og flere felt.
Eksempel på JavaScript-skjemavalidering
I dette eksemplet skal vi validere navnet og passordet. Navnet kan ikke være tomt og passordet kan ikke være mindre enn 6 tegn langt.
merknader i vårstøvel
Her validerer vi skjemaet ved innsending av skjema. Brukeren vil ikke bli videresendt til neste side før gitte verdier 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 nå Javascript Retype Password Validation
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 nå JavaScript-nummervalidering
La oss validere tekstfeltet kun for numerisk verdi. Her bruker vi funksjonen isNaN().
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 nå JavaScript-validering med bilde
La oss se et interaktivt JavaScript-skjemavalideringseksempel som viser riktig og feil bilde hvis inndata er riktig eller feil.
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 nå Produksjon:
java-streng til boolsk
| Skriv inn navn: | |
| Oppgi passord: | |
JavaScript e-postvalidering
Vi kan validere e-posten ved hjelp av JavaScript.
Det er mange kriterier som må følges for å validere e-post-ID, for eksempel:
- e-post-ID må inneholde @ og . karakter
- Det må være minst ett tegn før og etter @.
- Det må være minst to tegn etter . (punktum).
La oss se det enkle eksemplet for å validere e-postfeltet.
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 nå