0
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

    <form>
        Name:<input type="text" id="t1"> <br> Gender: <input
            type="radio" name="sex" value="male">male <input type="radio"
            name="sex" value="female">female <br> <input
            type="submit" value="submit" onClick="myFunction()">
    </form>


    <script type="text/javascript">
        function myFunction() {
            var str = document.getElementById("t1").value;
            if (str == "") {
                alert("plz enter anything");
            }
        }
    </script>


</body>
</html>

我想验证什么时候没有用户输入,如果用户按下提交按钮,那么它应该提醒“输入任何东西”但它不起作用.......为什么我不知道

4

1 回答 1

3

您的功能不会阻止表单提交。为此,您需要return false在希望表单提交停止时停止,并使用onClick="return myFunction()"它来确保它被正确传递。

但是请注意,在最新的浏览器中,您可以这样做:

<input type="text" required />

如果未输入任何内容,浏览器将自动停止表单提交。

于 2013-10-01T12:28:22.620 回答