2015-04-07 78 views
0

問題是,看起來我的JavaScript非工作,我花了幾個小時試圖找出原因,我找不到任何明顯的錯誤,我是相當新的通常JavaScript,但我試圖讓JavaScript來驗證我的表單中的代碼和regEx,現在它沒有做任何事情。Javascript/RegEx不驗證HTML表格

繼承人我的表格代碼:

<form action="ValideringVM.php" method="post" name="Registrer" onsubmit="return valider_alle()"> 
    <table> 
    <tr> 

     <td><h3> Personalia:</h3> </td> 
    </tr>  
    <tr> 
     <td> Fornavn: </td> 
     <td><input type="text" name="Fornavn" onChange="valider_fornavn()"/></td> 
     <td><div id="FeilFornavn">*</div></td> 
    </tr> 
    <tr> 
     <td> Etternavn: </td> 
     <td><input type="text" name="Etternavn" onChange="valider_etternavn()"/></td> 
     <td><div id="FeilEtternavn">*</div></td> 
    </tr> 
    <tr> 
     <td> Adresse: </td> 
     <td><input type="text" name="Adresse" onChange="valider_adresse()"/></td> 
     <td><div id="FeilAdresse">*</div></td> 
    </tr> 

    <tr> 
     <td> Postnr: </td> 
     <td><input type="text" name="Postnr" onChange="valider_postnr()"/></td> 
     <td><div id="FeilPostnr">*</div></td> 
    </tr> 
    <tr> 
     <td> Email: </td> 
     <td><input type="text" name="Email" onChange="valider_email()"/></td> 
     <td><div id="FeilEmail">*</div></td> 
    </tr> 
    <tr> 
     <td> Telefonnr: </td> 
     <td><input type="text" name="Telefonnr" onChange="valider_telefonnr()"/></td> 
     <td><div id="FeilTelefonnr">*</div></td> 
    </tr> 
    <tr> 
     <td> Lag Brukernavn: </td> 
     <td><input type="text" name="Brukernavn" onChange="valider_brukernavn()"/></td> 
     <td><div id="Feilbruker">*</div></td> 
    </tr> 
    <tr> 
     <td> Lag Passord: </td> 
     <td><input type="password" name="Passord" onChange="valider_passord()"/></td> 
     <td><div id="Feilpassord">*</div></td> 
    </tr> 
    <tr> 
     <td><input type="submit" name="Send" value="Send"/></td> 
    </tr> 
    </table> 
    </form> 

和繼承人我的Javascript代碼:

<script type="text/javascript"> 
    function valider_fornavn() 
    { 
     regEx = /^[a-zA-ZæøåÆØÅ .\- ](2,20)$/; 
     OK = regEx.test(document.Registrer.Fornavn.value); 
     if(!OK) 
     { 
      document.getElementById("FeilFornavn").innerHTML="Feil i Fornavn"; 
      return false; 
     } 
     document.getElementById("FeilFornavn").innerHTML=""; 
     return true; 
    } 

    function valider_etternavn() 
    { 
     regEx = /^[a-zA-ZæøåÆØÅ .\- ](2,20)$/; 
     OK = regEx.test(document.Registrer.Etternavn.value); 
     if(!OK) 
     { 
      document.getElementById("FeilEtternavn").innerHTML="Feil i Etternavn"; 
      return false; 
     } 
     document.getElementById("FeilEtternavn").innerHTML=""; 
     return true; 
    } 

    function valider_adresse() 
    { 
     regEx = /^[a-zA-ZæøåÆØÅ 0-9.\- ](2,30)$/; 
     OK = regEx.test(document.Registrer.Adresse.value); 
     if(!OK) 
     { 
      document.getElementById("FeilAdresse").innerHTML="Feil i Adresse"; 
      return false; 
     } 
     document.getElementById("FeilAdresse").innerHTML=""; 
     return true; 
    } 

    function valider_postnr() 
    { 
     regEx = /^[0-9](4)$/; 
     OK = regEx.test(document.Registrer.Postnr.value); 
     if(!OK) 
     { 
      document.getElementById("FeilPostnr").innerHTML="Feil i Postnr"; 
      return false; 
     } 
     document.getElementById("FeilPostnr").innerHTML=""; 
     return true; 
    } 

    function valider_email() 
    { 
     regEx = /^[a-zA-ZæøåÆØÅ 0-9._%+-][email protected][a-zA-ZæøåÆØÅ 0-9.-]+\.[a-z]{2,4}$/; 
     OK = regEx.test(document.Registrer.Email.value); 
     if(!OK) 
     { 
      document.getElementById("FeilEmail").innerHTML="Feil i Email"; 
      return false; 
     } 
     document.getElementById("FeilEmail").innerHTML=""; 
     return true; 
    } 

    function valider_telefonnr() 
    { 
     regEx = /^[0-9]{8}$/; 
     OK = regEx.test(document.Registrer.Telefonnr.value); 
     if(!OK) 
     { 
      document.getElementById("FeilTelefonnr").innerHTML="Feil i Telefonnummer"; 
      return false; 
     } 
     document.getElementById("FeilTelefonnr").innerHTML=""; 
     return true; 
    } 

    function valider_brukernavn() 
    { 
     regEx = /^[a-zA-ZæøåÆØÅ 0-9](4,20)$/; 
     OK = regEx.test(document.Registrer.Brukernavn.value); 
     if(!OK) 
     { 
      document.getElementById("Feilbruker").innerHTML="Feil i brukernavnet"; 
      return false; 
     }  
     document.getElementById("FeilBruker").innerHTML=""; 
     return true; 
    } 


    function valider_passord() 
    { 
     regEx = /^[a-zA-ZæøåÆØÅ 0-9](4,20)$/; 
     OK = regEx.test(document.Registrer.Passord.value); 
     if(!OK) 
     { 
      document.getElementById("FeilPassord").innerHTML="Feil i passordet"; 
      return false; 
     }  
     document.getElementById("FeilPassord").innerHTML=""; 
     return true; 
    } 

    function valider_alle() 
    { 
     (e || window.event).preventDefault(); 
     FornavnOK = valider_fornavn(); 
     EtternavnOK = valider_etternavn(); 
     AdresseOK = valider_adresse(); 
     PostnrOK = valider_postnr(); 
     TelefonnrOK = valider_telefonnr(); 
     EmailOK = valider_email(); 
     BrukernavnOK = valider_brukernavn(); 
     PassordOK = valider_passord(); 

    } 
    if(FornavnOK && EtternavnOK && AdresseOK && PostnrOK && TelefonnrOK && EmailOK && BrukernavnOK && PassordOK) 
    { 
     return true; 
    } 
    else 
    { 
     return false; 
    } 


    </script> 
+1

您必須驗證場逐場,而不是form.value,使用表單驗證插件或某物類似每表單字段 –

+0

添加驗證我認爲這可能只是括號內的一個問題。函數'valider_alle()'在'if ... else ...'之前關閉,它將確定表單是否被驗證。將括號移到'else'後面並檢查它是否正常工作 –

+0

作爲建議:下次檢查瀏覽器上的錯誤控制檯。上述所有錯誤都列在控制檯中,一旦修復,表單驗證沒有問題。知道如何調試與知道如何編碼幾乎同樣重要。 –

回答

-1

最後一個函數valider_alle部支柱沒有設置其正確的地方

function valider_alle() 
{ 
     (e || window.event).preventDefault(); 
     FornavnOK = valider_fornavn(); 
     EtternavnOK = valider_etternavn(); 
     AdresseOK = valider_adresse(); 
     PostnrOK = valider_postnr(); 
     TelefonnrOK = valider_telefonnr(); 
     EmailOK = valider_email(); 
     BrukernavnOK = valider_brukernavn(); 
     PassordOK = valider_passord(); 

//} this one must be at the end 
if(FornavnOK && EtternavnOK && AdresseOK && PostnrOK && TelefonnrOK && EmailOK && BrukernavnOK && PassordOK) 
{ 
     return true; 
} 
else 
{ 
     return false; 
} 

} 

如果你確定長度在2到20之間:

regEx = /^[a-zA-ZæøåÆØÅ .\- ](2,20)$/;// (and) is not for length 

必須將它寫到:

regEx = /^[a-zA-ZæøåÆØÅ .\- ]{2,20}$/; 
+0

感謝您的幫助,我最終將代碼重寫爲jQuery並使其工作,但無論如何,謝謝! – Zoraan