【HTML/CSS】 JS中form表单中的onsubmit监听返回 true或者false用法

在使用form表单的过程中,一定会遇到匹配文本内容不符合要求禁止提交的需求,那么就需要用到onsubumit这个监听方法,也是form中特有的监听方法,当onsubmit接受到true 或者false后会参数对应的效果

这里的check()函数我先假设我定义了check()函数有返回值,返回值是return ture或者return false

function check(){

if(判断条件)
return false:
}
else{
return true;
}

当我返回为true时,表单可以提交跳转,当返回为false时,表单可以点击无法提交,从这里就可以看出,onsubmit中有两个属性值,一个true,一个false,控制这表单是否提交。
这里需注意onsubmit的书写方式
如果书写为 onsubmit="true" 或者onsubmit="check()",这种格式,不管值为true或者false表单都是会提交的,必须书写为

onsubmit="return true" 或者onsubmit="return check()

也就是说 onsubmit的值可以决定action属性是否触发。

onclick 和 onsubmit 的区别:

onSubmit 是表单上特有的监听用的,提交表单前会触发。
onClick 是按钮和表单上共有的,用来触发点击事件。
onClick是可以在点击是触发监听,在form中如果按钮的type为button可以配合onClick实现禁用和启用过程,如果type为submit需用onSubmit作为监听

你可能感兴趣的:(【HTML/CSS】 JS中form表单中的onsubmit监听返回 true或者false用法)