Question

<!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>

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

Answer 1

您的功能并未阻止表单提交。为此，当您希望表单提交停止时，您需要return false，并使用onClick="return myFunction()"确保它已正确传递。

但请注意，在最新的浏览器中，您可以这样做：

<input type="text" required />

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

验证在javaScript中不起作用

1 个答案: