Javascript 即使验证失败也要提交表单_Javascript_Html

Javascript 即使验证失败也要提交表单

javascript html

Javascript 即使验证失败也要提交表单,javascript,html,Javascript,Html,我有一个页面，在提交10秒后，如果验证成功，我将禁用该按钮，并提交表单。但是，即使验证返回false，表单仍将被提交我试着用 <input type="submit"> 而不是图像仍然是相同的问题代码如下： <html> <head> <script> function enableMe(myBtn) { myBtn.disabled = false;

我有一个页面，在提交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>


功能启用（myBtn）{
myBtn.disabled=false；
}
函数doValidation（）{
document.getElementById（'hidden1'）。值='true'；
返回false；
}
用户名



密码

验证应附加到表单，而不是输入元素

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

谢谢您的回复。这很有效。但我的问题是，客户需要在不同的页面上进行更改。那么，在这种情况下，如何将按钮id（在本例中为submitBtn）自动传递给enableme函数？