La convalida dei dati è una parte essenziale della scrittura per il Web. "Campo matching" garantisce agli utenti di immettere informazioni importanti in modo corretto, come password e indirizzo di posta elettronica. JavaScript fornisce opzioni standard e personalizzate per il confronto di elementi di input, entrambi i quali sono appropriati per la scrittura campo codice di convalida corrispondente. Utilizzare un processo che pone le basi per la convalida, crea un oggetto validatore ed esegue attività di validazione sul campo corrispondente.

Come funziona

corrispondenza Field è la convalida dei dati di alto livello. tipi di corrispondenza di livello inferiore assicurano input contiene il giusto numero di caratteri, il tipo di dati corretto e che sia nel formato corretto. Campo corrispondenza confronta ciascun valore di carattere per assicurare l'ingresso in due o più campi è la stessa. Se l'utente inserisce informazioni in modo corretto, le informazioni nei trasferimenti del modulo al server e diventa parte di un database. In caso contrario, l'utente riceve un messaggio di errore e deve correggere l'errore. L'errore è di solito una parola errata o di carattere mancante.

Iniziare

Prima di poter eseguire campo corrispondente, o di qualsiasi altro tipo di convalida utilizzando JavaScript, dichiarare l'intenzione di effettuare azioni di validazione nell'intestazione della pagina HTML o di modulo. Una sola riga di codice JavaScript caricherà il validatore e permetterà di creare un oggetto validatore. Digitare le informazioni di intestazione HTML come normale, quindi digitare uno script di configurazione prima di chiudere l'intestazione con un </ header> tag. Lo script di configurazione carica il validatore JavaScript nel codice e specifica che il validatore utilizza JavaScript piuttosto che un altro tipo di linguaggio di scripting:

<Script src = "gen_validatorv4.js" type = "text / javascript"> </ script>

Creare Validator) oggetto (

Un oggetto di validazione è il contenitore che conterrà JavaScript corrispondente campo e altre istruzioni di convalida dei dati. codice JavaScript crea il contenitore e lo identifica in base a un nome selezionato. Mentre è possibile scegliere qualsiasi nome che si desidera, la chiarezza e raccomandazioni sulle migliori pratiche suggeriscono utilizzando il nome del modulo. Creazione di un modulo di input e aggiungere il codice JavaScript in una nuova linea dopo il </ form> tag di chiusura. Per un modulo di iscrizione, il codice per creare il Validator () oggetto può leggere:

</ Form>
<Script type = "text / javascript">
var frmvalidator = new Validator ( "subscriptionForm")

Opzioni campo corrispondente

Utilizzare un built-in JavaScript descrittore di campo-matching, o scrivere il proprio codice personalizzato per eseguire la convalida campo-matching. Sia raggiungere lo stesso scopo, in modo che uno si sceglie è una questione di preferenze. Se si seleziona "eqelmnt = ???", aggiungere il codice standard per il Validator contenitore di oggetti () che metterà a confronto i valori nei campi e fare in modo che siano gli stessi:

var frmvalidator = new Validator ( "subscriptionForm")
frmvalidator.addValidation ( "E-mail", "maxlen = 50");
frmvalidator.addValidation ( "E-mail", "req");
frmvalidator.addValidation ( "confpassword", "eqelmnt = password",
"La password non è confermato stessa password");

Se si aggiunge il codice personalizzato, creare una funzione DoCustomValidation () utilizzando un "if" che dice al validatore come rispondere agli errori. Aggiungere il codice personalizzato solo dopo il codice addValidation di serie:

Funzione DoCustomValidation ()
{
var FRM = document.forms [ "subscriptionForm"];
if (frm.pwd1.value! = frm.pwd2.value)
{

sfm_show_error_msg('The Password and password confirmation you entered does not match! Please reenter password information',frm.pwd1);
return false;

}
altro
{

return true;

}
}