javascript - 验证在 JavaScript 中不起作用

标签 javascript html

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

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

最佳答案

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

但请注意,在最新的浏览器中,您可以执行以下操作:

<input type="text" required />

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

关于javascript - 验证在 JavaScript 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19116137/

相关文章:

javascript - 如果我有一串 HTML 代码,如何使用 JQuery 来解析它?

html - 面板标题中的复选框控制面板内容的可见性?

javascript - 我可以像这样访问 redux 中的状态吗?

javascript - Kendo UI Complete(试用版)和 Eclipse Juno : kendo. web.min.js JavaScript 验证错误

javascript - Vue.js:只允许带一位小数的范围内的数字

javascript - 将单元格值设置为 mxGraph 中的超链接

html - 使用奇数/偶数颜色设置 HTML 样式

javascript - POST 数据被缩短

javascript - JqueryUI Draggable - 仅垂直自动调整父容器的大小

jquery - 具有 jQuery 和 CSS3 选择器的 CasperJS 无法按预期工作