logo

JavaScript-formularvalidering

  1. JavaScript-formularvalidering
  2. Eksempel på JavaScript-validering
  3. JavaScript e-mail validering

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==&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){>
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(&apos;password must be same!&apos;); 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(&apos;numloc&apos;).innerHTML=&apos;Enter Numeric value only&apos;; 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(&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>
Test det nu