如何通過javascript驗證後提交表格

我已經完成了php.I的註冊頁面使用JavaScript執行驗證我已經完成了驗證，但我不知道提交到下一頁的細節的語法。這是我的代碼我是一個非常新的PHP初學者，所以需要你的幫助。感謝您在advance..sorry我的英文不好如何通過javascript驗證後提交表格

register.php 
    <!DOCTYPE html> 
    <html> 
    <head> 
    <script> 
    function validateForm() { 

     var a = document.getElementById('n1').value; 
     if(a==""){ 
     alert("please enter your name"); 
     return false; 
     } 
     var b = document.getElementById('u1').value; 
     if(b==""){ 
     alert("please enter the username"); 
     return false; 
     } 
     var p3 = document.getElementById('p1').value; 
     if(p3==""){ 
     alert("please enter the password"); 
     return false; 
     } 

     var p4 = document.getElementById('p2').value; 
     if(p4==""){ 
     alert("please enter the confirmation password"); 
     return false; 
     } 

     //if(p3.value!=p4.value){ 
     //alert("hh"); 
     //alert("Passwords do no match"); 
     //return false; 
     //}else{ 
     //return true; 
     //} 

      var c = document.getElementById('a1').value; 
      if(c==""){ 
     alert("please enter your address"); 
     return false; 
     } 
      var d = document.getElementById('ph').value; 
     if(d==""){ 
     alert("please enter your phone no:"); 
     return false; 
     } 
    (48) document.registrationform.submit; 


    } 
    </script> 
    </head> 
    <body> 
    <form action ="#" name="registrationform" id=="formid" class="formclass" action="registerbackend.php" method ="post" > 
    name :<input type="text" id="n1" name="name"><br><br> 
    username:<input type="text" id="u1" name="username"><br><br> 
    password:<input type="password" id="p1" name="password"><br><br> 
    confirm password:<input type="password" id="p2" name="password2"><br><br> 
    Address :<textarea name="address" id= "a1"rows="4" cols="40"></textarea><br><br> 
    phone :<input id="ph" type="numbers" name="phone"><br><br> 
(62) <input type="button" name="register" onclick="validateForm()" value="Register"> 
    <a href="login.php"><input id="button" type="button" value="cancel"> </a> 
    </form> 
    </body> 
    </html>

來源

2015-11-12 vimal kumar

的[使用AJAX提交表單]可能的複製（http://stackoverflow.com/questions/13611614/submit-the-form -using-ajax） –

您的表單提交語法是錯誤的。

更改此

document.registrationform.submit;

這樣：

document.getElementsByTagName("form")[0].submit();

來源

2015-11-12 12:09:13

謝謝。解決了問題 –

是的，我做到了。我沒有達到15聲譽，所以請upvote我的問題，它將在2天內顯示.. :-) –

使用此： -

document.getElementById("formid").submit();

改變這一點： -

document.registrationform.submit;

這樣： -

document.getElementById("formid").submit();

來源

2015-11-12 11:42:00

雖然使用上述代碼從chrome瀏覽器收到錯誤消息。 Uncaught TypeError：無法讀取屬性'submit'nullvalidateForm @ register.php：48onclick @ register.php：62 –

document.getElementById（「formid」）。submit（）; –

試試這個@vimalkumar –

嘗試下面的代碼提交婷形式

document.getElementById("formid").submit();

來源

2015-11-12 11:47:27 AeJey

在嘗試使用這些代碼時仍然出現錯誤。沒有TypeError：無法讀取屬性'submit'null .alidateForm @ register.php：48onclick @ register.php：62 –

請問您是否可以更新您提供的錯誤以及第48和63行的代碼，以便我們可以檢查併爲您提供解決方案 – AeJey

我發現解決方案。因爲提交中使用了錯誤的語法.Rajdeep Paul爲我提供了寫語法，請參閱上文。 –

**change this :-** 
<form action ="#" name="registrationform" id=="formid" class="formclass" action="registerbackend.php" method ="post" > 
**to this:->** 
<form action ="#" name="registrationform" id="formid" class="formclass" action="registerbackend.php" method ="post" > 
**change your javascript code to:** 
function validateForm() { 
    var status="true"; 
     var a = document.getElementById('n1').value; 
     var b = document.getElementById('u1').value; 
     var p4 = document.getElementById('p2').value; 
     var c = document.getElementById('a1').value; 
     var d = document.getElementById('ph').value; 
     var p3 = document.getElementById('p1').value; 
     if(a==""){ 
     alert("please enter your name"); 
     status="false"; 
     }   
     else if(b==""){ 
     alert("please enter the username"); 
       status="false"; 
     }  
     else if(p3==""){ 
     alert("please enter the password"); 
     status="false"; 
     }   
     else if(p4==""){ 
     alert("please enter the confirmation password"); 
     status="false"; 
     } 
     else if(c==""){ 
     alert("please enter your address"); 
     status="false"; 
     }   
     else if(d==""){ 
     alert("please enter your phone no:"); 
     status="false"; 
     } 
     if(status=="true"){ 
    document.getElementById("fromid").submit(); 
} 
}

來源

2015-11-12 11:58:16

如何通過javascript驗證後提交表格

回答

相關問題