Dator > javascript validering funktioner tutorial

  • javascript validering funktioner tutorial


  • Validera formulär data är en integrerad del av att utveckla en webbplats . Du vill alltid se till att dina användare ange data där det är som krävs och ange rimliga värden för de data också-du inte vill att en första namnet "12345 " i databasen , eller en födelsedag av en ny användare som sätter dem tillbaka på 1700-talet . JavaScript är väl anpassade för att validera indata från formulär , det fungerar bra med HTML-element och har ganska omfattande funktionalitet sträng behandling

    Du behöver :
    Text editor


    1
    . .
    Skapa två HTML- sidor , en som vi lägger vårt test form i och en annan sida som vi ska använda som ett enkelt mål för vårt formulär . Vi hänvisar till sidan med formuläret som form. html , och den andra sidan som dest. html . Du kan lägga till allt innehåll du någon av dessa , vi antar att du åtminstone har vanlig HTML standardtext på plats ( dvs. och taggar )
    2

    Skapa en vanlig HTML- form och ge det en onsubmit attribut så här:





    . . .





    Senare kommer vi skapa isValid ( ) JavaScript -funktionen , och genom att fastställa vilka åtgärder som dest . html , kan vi berätta om eller inte JavaScript faktiskt hindrade formuläret från att lämna .
    3 .
    Lägg vissa delar i formuläret så vi har något att arbeta med . Att göra det enkelt för nu kommer vi att använda två vanlig text fält , och endast begära in uppgifter i ett av dem :





    <; form onsubmit="return isValid () ; " action=" dest. html " >

    Namn ( obligatoriskt) :


    smeknamn (frivilligt) :








    Observera att vi använt både " id " och "name " för dessa områden . Vi hänvisar till de områden som deras id i JavaScript senare , i en konkret tillämpning , skulle du behöver attributet name också, eftersom det är vad som skulle få föras vidare i din ansökan
    4 <. br > Lägg
    ett manus block längst ner på den form. html sida ( dvs ovanför din avslutande body-taggen ) , med följande JavaScript-kod i den :







    Vi får värdet av nameData fältet och kontrollera dess längd . Om längden är större än 0-det finns något i området-vi return true , annars vi returnera false . Eftersom vi konfigurerat formuläret med onsubmit="return isValid ();", händelsen kommer bara att fortsätta ( dvs. faktiskt skicka begäran till åtgärder URL ) om isValid returnerar true .

    tips och varningar


  • JavaScript har en hel del extra funktioner som verkligen kan hjälpa till att validera formulärdata av alla slag . Det reguljära uttrycket funktioner är mycket användbara för allt från e-postmeddelanden till telefonnummer till personnummer .
  • Medan JavaScript kan definitivt hjälpa i form dataverifiering , ska du inte lita helt på det , eftersom slutanvändaren kan lätt har det avstängt i sina webbläsare och sedan alla dina ansträngningar är bortkastade .

Previous:nothing Next:hur man skapar en SQL- tutorial





Relaterade artiklar


  • hur man byter hårdvara utan att installera om windows xp
  • hur man demonterar en dll
  • hur man använder Google Maps i C #
  • hur man använder mål tutorials
  • hur man skapar en användare i Active Directory med Visual Basic 6
  • hur man skapar färg färger
  • hur man gör en spets axelryckning
  • Introduktion till pseudokod
  • hur du installerar ruby OpenID pärla för att stödja OpenID
  • hur ändrar ansökan titeln i Visual Basic 6