JavaScript中onsubmit事件

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

李sy同学

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

阅读量1k

点赞数 1

文章标签： html javascript css

本文链接：https://blog.csdn.net/weixin_47511190/article/details/118670500

版权

这篇博客探讨了如何使用HTML和JavaScript处理表单提交事件。通过静态注册和动态注册两种方式，展示了如何阻止表单默认提交行为，实现自定义验证。示例中，静态注册使用onsubmit属性直接绑定事件处理函数，而动态注册则在window.onload事件中添加事件监听器。这两种方法都能在表单提交时触发警告，防止非法提交。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
      //静态注册表单提交事件
      function onsubmitfun(){
        //要验证所有表单项是否合法，如果有一个不合法就阻止表单提交
        alert("静态注册表单提交事件，发现不合法");
        return false;
      }

      //动态注册表单提交事件
      window.onload=function (){
          var subobj=document.getElementById("sub");
          subobj.onsubmit=function (){
              alert("动态注册表单提交事件，发现不合法");
              return false;
          }
      }


    </script>

</head>
<body>
<!--return false可以阻止表单提交-->
    <form  action="http://www.baidu.com" onsubmit="return onsubmitfun()">
      <input type="submit" value="静态注册">
    </form>


    <form id="sub" action="http://www.baidu.com" >
        <input type="submit" value="动态注册">
    </form>
</body>
</html>

李sy同学

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中onsubmit事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <font color="red" size="7" face="宋体">我是字体标签<
复制链接

扫一扫