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>