TechCodeview

1. JavaScript formas validācija
2. JavaScript validācijas piemērs
3. JavaScript e-pasta validācija

Ir svarīgi pārbaudīt lietotāja iesniegto veidlapu, jo tajā var būt neatbilstošas ​​vērtības. Tātad, lai autentificētu lietotāju, ir jāveic validācija.

JavaScript nodrošina iespēju pārbaudīt veidlapu klienta pusē, tāpēc datu apstrāde būs ātrāka nekā servera puses validācija. Lielākā daļa tīmekļa izstrādātāju dod priekšroku JavaScript veidlapu validācijai.

Izmantojot JavaScript, mēs varam apstiprināt vārdu, paroli, e-pastu, datumu, mobilo tālruņu numurus un citus laukus.

JavaScript formas validācijas piemērs

Šajā piemērā mēs apstiprināsim vārdu un paroli. Nosaukums nedrīkst būt tukšs, un parole nedrīkst būt mazāka par 6 rakstzīmēm.

Šeit mēs apstiprinām veidlapu, iesniedzot veidlapu. Lietotājs netiks pārsūtīts uz nākamo lapu, kamēr norādītās vērtības nebūs pareizas.

 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){>

JavaScript atkārtoti ievadiet paroles validāciju

 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> 

JavaScript numura validācija

Apstiprināsim teksta lauku tikai skaitliskām vērtībām. Šeit mēs izmantojam funkciju isNaN ().

 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> 

JavaScript validācija ar attēlu

Apskatīsim interaktīvu JavaScript veidlapas validācijas piemēru, kas parāda pareizu un nepareizu attēlu, ja ievade ir pareiza vai nepareiza.

 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){>

Izvade:

JavaScript e-pasta validācija

Mēs varam apstiprināt e-pastu, izmantojot JavaScript.

css centrālā poga

Ir vairāki kritēriji, kas jāievēro, lai apstiprinātu e-pasta ID, piemēram:

• e-pasta ID jāsatur @ un . raksturs
• Pirms un pēc @ ir jābūt vismaz vienai rakstzīmei.
• Pēc ir jābūt vismaz divām rakstzīmēm. (punkts).

Apskatīsim vienkāršu piemēru e-pasta lauka apstiprināšanai.

 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>