logo

Convalida del modulo JavaScript

  1. Convalida del modulo JavaScript
  2. Esempio di convalida JavaScript
  3. Convalida e-mail JavaScript

È importante convalidare il modulo inviato dall'utente perché può avere valori inappropriati. Pertanto, la convalida è necessaria per autenticare l'utente.

sforzati di int

JavaScript fornisce funzionalità per convalidare il modulo sul lato client in modo che l'elaborazione dei dati sia più rapida rispetto alla convalida sul lato server. La maggior parte degli sviluppatori web preferisce la convalida del modulo JavaScript.

Tramite JavaScript possiamo convalidare nome, password, email, data, numeri di cellulare e altri campi.


Esempio di convalida del modulo JavaScript

In questo esempio, convalideremo il nome e la password. Il nome non può essere vuoto e la password non può contenere meno di 6 caratteri.

l'attrice indiana rani mukerji

Qui stiamo convalidando il modulo di invio del modulo. L'utente non verrà inoltrato alla pagina successiva finché i valori specificati non saranno corretti.

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

JavaScript Ridigita convalida password

 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> 
Provalo adesso

Convalida del numero JavaScript

Convalidiamo il campo di testo solo per il valore numerico. Qui stiamo usando la funzione 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> 
Provalo adesso

Convalida JavaScript con immagine

Vediamo un esempio interattivo di convalida del modulo JavaScript che visualizza l'immagine corretta e errata se l'input è corretto o errato.

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

Produzione:

Inserisci il nome:
Inserire la password:

Convalida e-mail JavaScript

Possiamo convalidare l'e-mail con l'aiuto di JavaScript.

albero binario java

Esistono molti criteri che devono essere seguiti per convalidare l'ID e-mail come:

  • l'ID e-mail deve contenere @ e . carattere
  • Deve esserci almeno un carattere prima e dopo @.
  • Devono esserci almeno due caratteri dopo . (punto).

Vediamo il semplice esempio per validare il campo email.

 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>
Provalo adesso