JS DOM onsubmit属性,处理提交按钮被点击

onsubmit属性

JavaScript DOM操作中,元素(表单中提交按钮)的onsubmit属性可以用于处理该提交按钮被点击的事件,比如很多注册页面,会在用户注册提交的时候,提示注册的用户名已经存在,或密码过于简单等等,便可以通过onsubmit属性来完成。


语法

<form onsubmit = "return functionname()">

onsubmit属性实例代码,及在线编辑器

下方的表单中,但提交按钮被点击时,将检查密码的位数,如果小于6位,则提示密码过于简单:

<form onsubmit = "return check()">
  <span>用户:</span><input type='text'><br><br>
  <span>密码:</span><input type='password' id='pw'><br><br>
  <input type='submit' value='提交'>
</form>

<script>
  
  function check(){
    var inp = document.getElementById('pw');
    if(inp.value.length < 6){
      alert("密码过于简单。")
      return false
    }else{
      return true
    }
  }
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.