onsubmit表单提交事件

反正我是不学了

于 2023-04-10 19:01:40 发布

阅读量126

点赞数

分类专栏： js 文章标签： javascript html5

本文链接：https://blog.csdn.net/weixin_51504215/article/details/130067271

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单提交事件</title>
  <script type="text/javascript">
    //静态注册表单体提交事件
    function a(){
      //根据获取id对应的对象的用户名和密码
      var name = document.getElementById("username")
      var password = document.getElementById("password")
      //判断输入信息是否为空
      if (name.value == "" || password.value== ""){
        alert("有信息为空")
        return false
      }
      return true
    }
    //动态注册表单提交事件
    //页面加载完毕之后

    window.onload = function (){
      //获取id对应的表单
       var b = document.getElementById("001")
      //绑定事件
       b.onsubmit = function (){
      //判断信息是否为空   
         if(b.username.value==""||b.password.value==""){
           alert("有信息为空")
           return false
         }
         return true
       }
    }

  </script>
</head>
<body>
<h1>注册用户1</h1>
<form action="页面加载完毕事件.html"  onsubmit="return a()">
  账号:<input type="text" id="username" name="username"><br>
  密码:<input type="text" id="password" name="password"><br>
  <input type="submit" value="注册用户">
</form><br>
<h1>注册用户2</h1>
<form action="页面加载完毕事件.html" id="001">
  账号:<input type="text" name="username"><br>
  密码:<input type="text" name="password"><br>
  <input type="submit" value="注册用户">
</form>
</body>
</html>

这里我采用了动态和静态两种方式进行演示