即使验证失败也提交表格

我有一个页面，我在提交10秒后禁用按钮，如果验证成功表单提交。但是，即使验证返回false，表单也会被提交。即使验证失败也提交表格

我尝试使用

<input type="submit">

，而不是图像还是同样的问题的。

下面是代码：

<html> 
    <head> 
     <script> 
      function enableMe(myBtn) { 
       myBtn.disabled = false; 
      } 
      function doValidation() { 
       document.getElementById('hidden1').value = 'true'; 
       return false; 
      } 
     </script> 

    </head> 
    <body> 
     <form id="loginForm" method="post" action="https://www.mySite.com/authService"> 
      <label for="userid">Username</label><br/> 
      <input type="text" value="" id="userid" name="userid"/> 
      <br/> 

      <label for="password">Password</label> 
      <br/> 
      <input type="password" value="" id="password" name="password"/> 
      <br/> 
      <br/> 

      <input type="image" id="submitBtn" src="btn_login.gif" 
        onsubmit="this.disabled=true; setTimeout(enableMe,10000,this); return doValidation();"> 
      <input type="hidden" id="hidden1" name="hidden1" value="false"/> 
     </form> 
    </body> 
</html>

来源

2012-08-03 webshan

验证应附以形成，而不是输入元件...

<form id="whatever" ... onsubmit="return doValidation();">

来源

2012-08-03 17:25:37

感谢答复。这工作。但我的问题是，有不同的页面需要客户端进行这种更改。所以，在这种情况下如何获得按钮id（在这种情况下submitBtn）自动传递给enableme函数？ – webshan 2012-08-03 18:23:39

即使验证失败也提交表格

回答

相关问题