En bästa praxis när du skapar HTML-formulär är att validera användaren data som tillhandahålls . En bästa praxis för validering postnumret fältet är att testa det mot ett reguljärt uttryck för att avgöra om det är förenligt med reglerna för postnummer som valts i landet . JavaScript är det språk som oftast används för att hämta data från HTML-formulär och validerar input använder reguljära uttryck . Reguljära uttryck
Reguljära uttryck är det perfekta verktyget att använda för att avgöra om en användare - input postnummer överensstämmer med postnummer reglerna i ett visst land . Reguljära uttryck kan du definiera ett mönster med en anpassad syntax , matchar en sträng till mönstret , avgöra om strängen överensstämmer med mönstret , och extrahera matchande delar av strängar och undergrupper av mönstret . Till exempel definierar följande reguljära uttryck en acceptabel amerikanska postnummer som består av fem siffror och eventuellt innehåller ett bindestreck och fyra ytterligare siffror :
^ \\ d { 5 } ( [ \\ - ] \\ d { 4 } ) ? $ Addera JavaScript
JavaScript är det språk som ska användas för att validera indata , eftersom det körs på klientdatorn . Detta innebär att användaren input kan valideras och meddelanden kan visas utan att skicka data till en webbserver eller uppdatera en webbsida . Med JavaScript , kan du komma åt det aktuella värdet för ett fält i ett HTML-formulär med Document Object Model ( DOM ) rangordning av en webbsida . Till exempel lagrar följande kodavsnitt det aktuella värdet av " postal " fältet på ett HTML-formulär som heter " input " i en variabel som heter " Post: "
var postal = document.input . postal.value ; Addera ditt Deklarera Regular Expressions
JavaScript är ett reguljärt uttryck skapas genom att innesluta mönster snedstreck . Till exempel , förklarar följande JavaScript uttalande en variabel som innehåller mönstret för reguljära uttryck används för att validera en kanadensisk postnummer :
var caRegex = /^ [ ABCEGHJKLMNPRSTVXY ] { 1 } \\ d { 1 } [ AZ ] { 1 } * \\ d { 1 } [ AZ ] { 1 } \\ d { 1 } $ /;
Regular Expression metoder
JavaScript har inbyggda metoder som stöder använder reguljära uttryck . Den " matchen " metoden returnerar " true " eller " false " för att indikera om värdet av en variabel matchar ett mönster för reguljära uttryck . Den " exec "-metoden används för att extrahera delar av strängen som matchar delmängder av mönster för reguljära uttryck . Exempelvis tilldelar följande kod " true " eller " false " till en variabel , beroende på om användaren - ingång värdet av en amerikanska postnummer matchar mönstret för reguljära uttryck som definierar giltiga US Postal koder :
Var matcher = false; if ( /^ \\ d { 5 } ( [ \\ - ] \\ d { 4 } ) $ /match ( document.input.postal.value ) ? . ) { matcher = true ; }
Addera ditt
