onsubmit是什么意思?干什么用的?
onsubmit表示表单提交时验证的事件,它是在表单中的确认按钮被点击时出发的,一般是js函数。
当用户单击了表单中的 Submit 按钮而提交一个表单时,就会调用这个事件句柄函数。注意,当调用方法Form.submit() 时,该处理器函数不会被调用。
如果 onsubmit 句柄返回 fasle,表单的元素就不会提交。如果该函数返回其他值或什么都没有返回,则表单会被提交。
扩展资料:
由于 onsubmit 句柄可以取消表单的提交,所以它对于进行表单验证是十分理想的。看下面的示例(验证密码是否为空,如果为空,就取消表单的提交):
<form action="" methods="post" onsubmit="return check()">
<input type="text" name="text" placeholder="请输入用户名"/>
<input type="password" id="password" name="password" placeholder="请输入密码"/>
<input type="submit" value="提交"/>
</form>
<script>
var re = /^[^\s]+$/;
var pw = document.querySelector('#password')
check(){
if(re.test(pw.value)){
return true;//不为空
}else{
return false;//为空
}
}
</script>
注意表单验证一定要写成
<from action="" method="post" onsubmit="return check()">//return 不可少
...............
</from>
比如
<script>
function x()
{
if(confirm("是否提交"))
{
return true;
}else
{
return false;
}
}
</script>
<form action="www.baidu.com" onsubmit="return x()" >
<input type="submit" value="提交"/>
</form>