我想对一些文本框条目运行 JavaScript 用户验证。
我遇到的问题是我的表单具有转到我们站点内的新页面的操作，并且该onsubmit属性从不运行 JavaScript 函数。
是否有更好的解决方案，或者使用以下代码的解决方案：注意：JavaScript 文件编写正确，如果您将操作切换到checkRegistration().
这只是同时运行 action 和 JavaScript 的问题。
<form name="registerForm" action="validate.html" onsubmit="checkRegistration()" method="post">
<!-- Textboxes are here -->
<!-- And the submit button -->
</form>
您应该通过在onsubmit回调中返回 false 来停止提交过程。
<script>
function checkRegistration(){
if(!form_valid){
alert('Given data is not correct');
return false;
}
return true;
}
</script>
<form onsubmit="return checkRegistration()"...
这里有一个完整的示例。表单只有在你输入google的时候才会提交，否则会返回错误：
<script>
function checkRegistration(){
var form_valid = (document.getElementById('some_input').value == 'google');
if(!form_valid){
alert('Given data is incorrect');
return false;
}
return true;
}
</script>
<form onsubmit="return checkRegistration()" method="get" action="http://google.com">
Write google to go to google...<br/>
<input type="text" id="some_input" value=""/>
<input type="submit" value="google it"/>
</form>
尝试
onsubmit="return checkRegistration()"
尝试：
onsubmit="checkRegistration(event.preventDefault())"