用户在填写表单时,常出现遗漏或者不符合规范的填写,解决这些问题需要在 input 处添加筛选条件,例如 email 或者password,或者是在提交前进行信息确认,如不符合提交条件,应该组织表单的提交,今天正好遇到了这个问题,借机会做一个关于表单的笔记。

阻止表单提交

在表单提交之前,对信息进行校验,判断是否符合提交条件,如果不符合,及时阻止表单的默认提交行为。
表单代码如下:

1
2
3
4
5
<form>
<input type="text" name="usrname">
<input type="password" name="passwd">
<button type="submit"></button>
</form>

通过jQuery

1
2
3
4
5
6
$("form").submit(function(e){
if( error ){
e.preventDefault();
alert("请检查表单");
}
});