HTML表单操作和onsubmit问题

Question

我想在一些文本框条目上运行javascript用户验证.

我遇到的问题是我的表单有进入我们网站内新页面的操作,该onsubmit属性从不运行javascript函数.

是否有更好的解决方案,或使用以下代码的解决方案:注意:javascript文件写得正确,并且如果您将操作切换到,则有效checkRegistration().

这只是运行动作和javascript的问题.

<form name="registerForm" action="validate.html" onsubmit="checkRegistration()" method="post">
    <!-- textboxes here -->
    <!-- and submit button -->
</form>

Answer 1

您应该通过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>

Answer 2

尝试

onsubmit="return checkRegistration()"

Answer 3

尝试：

onsubmit="checkRegistration(event.preventDefault())"