form表单验证时的onsubmit事件

最新推荐文章于 2022-06-04 16:25:56 发布

disuoxia5722

最新推荐文章于 2022-06-04 16:25:56 发布

阅读量225

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yeming/p/5266540.html

版权

form标签提交时，会触发onsubmit事件。onsubmit会在提交之前发生，所以验证可以写在onsubmit中。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        function check(){
            if(document.getElementById("name").value==""){
                alert("请完整输入！");
                return false;
            }else{
                return true
            }
        }
    </script>
</head>
<body>
    <form action="test.html" method="post" onsubmit="return check()">
        <input type="text" id="name"/>
        <input type="submit" >
    </form>
</body>
</html>

我的理解是：

1.onsubmit相当于一个函数，默认是return true，会自动提交表单。我在form里面写的οnsubmit=“return check()”相当于重写了onsubmit，如果return false则不会提交。

2.注意οnsubmit=“return check()”中的return，不要忘记写了。

转载于:https://www.cnblogs.com/yeming/p/5266540.html

disuoxia5722

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
form表单验证时的onsubmit事件

form标签提交时，会触发onsubmit事件。onsubmit会在提交之前发生，所以验证可以写在onsubmit中。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> ...
复制链接

扫一扫