È 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==''){ 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){>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('password must be same!'); 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('numloc').innerHTML='Enter Numeric value only'; 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('@'); 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>Provalo adesso