Question

Javascript验证无效！即使函数返回false，表单也会提交。我应该在哪里做出改变？这是我写的代码的一部分。

<html>
<head>
    <script>
    function check()
    {
        temp=document.getElementById("name").value;
        if(temp=="")
        {
            document.getElementById("err").innerHTML="error found";
            document.getElementById("name").focus();
            return false;
        }            
    }
    </script>
</head>
<body>        
    <form>
        <input type="text" id="name">
        <div id="err"></div>
        <input type="submit" onClick="check()">
    </form>
</body>
</html>

Answer 1

我建议您使用onSubmit form事件代替onClick事件button。您还需要将return与事件

一起使用

HTML 的

<form onSubmit="return check()">
    <input type="text" id="name"/>
    <div id="err"></div>
    <input type="submit" />
</form>

DEMO

即使javascript函数返回false，表单也会提交

1 个答案: