Javascript valideringskode for Matchende Fields

Datavalidering er en viktig del av å skrive for web. "Field matching" sikrer brukerne angir viktig informasjon på riktig måte, for eksempel passord og e-postadresse. Javascript gir standard og egendefinerte alternativer for å sammenligne inngangselementer, som begge er aktuelle for skriving feltet matchende valideringskoden. Bruk en prosess som setter scenen for validering, skaper en validator objekt og utfører felt matchende validering oppgaver.

Hvordan det fungerer

Feltet søkeord er høyt nivå datavalidering. Lavere nivå samsvartyper sikre innspill inneholder riktig antall tegn, riktig datatype, og at det er i riktig format. Feltsamsvarende sammen hvert tegn verdi for å sikre at inngangs i to eller flere felt er den samme. Hvis brukeren går inn riktige opplysninger, informasjon i form overføringer til serveren og blir en del av en database. Hvis ikke, får brukeren en feilmelding, og må rette opp feilen. Feilen er vanligvis et feilstavet ord eller mangler karakter.

Starter

Før du kan utføre felt matching, eller noen annen form for validering bruker Javascript, erklære din intensjon om å utføre validerings handlinger i overskriften på HTML-siden eller form. En enkelt linje med Javascript-kode vil laste validator og lar deg lage en validator objekt. Skriv inn HTML header informasjon som normalt, deretter inn i en konfigurasjonsskript før du lukker header med en </ header> tag. Konfigurasjonen script laster Javascript validator den inn koden din og presiserer at validatoren bruker Javascript i stedet for en annen type skriptspråk:

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

Lag Validator () Object

En validerings objekt er beholderen som vil holde Javascript feltet matching og andre datavalidering instruksjoner. Javascript-kode skaper beholderen og identifiserer den i henhold til et navn du velger. Selv om du kan velge det navnet du ønsker, klarhet og beste praksis foreslå å bruke navnet på skjemaet. Lag en inngang skjema og legge til Javascript-kode i en ny linje etter den avsluttende </ form> tag. For en tegningsblankett, å kode opprette Validator () objekt kan lese:

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

Feltet Målrettingsalternativer

Bruk en innebygd Javascript felt-matching descriptor, eller skriv din egen tilpassede kode for å utføre felt matchende validering. Begge oppnå det samme målet, så hvilken du velger er et spørsmål om preferanser. Hvis du velger "eqelmnt = ???", legger standard kode til Validator () objekt container som vil sammenligne verdier i feltene, og sørge for at de er de samme:

Var frmvalidator = new Validator ( "subscriptionForm")
frmvalidator.addValidation ( "Email", "maxlen = 50");
frmvalidator.addValidation ( "Email", "req");
frmvalidator.addValidation ( "confpassword", "eqelmnt = passord",
"Den bekreftede passordet er ikke samme som passord");

Hvis du legger til egendefinert kode, opprette en DoCustomValidation () funksjon ved hjelp av en "hvis" statement som forteller validator hvordan å svare på feil. Legg til egendefinert kode rett etter standard addValidation kode:

funksjon 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;

}
ellers
{

return true;

}
}