jQuery Validate 验证表单:入门
1、新建test项目,在项目下新建文件夹Validate,要使用Validate插件,要导入的js如图所示:

2、新建文件index.php,用于添加学生信息,如图:


3、导入对应的js和校验规则,如图:

4、在每个input后面添加“required”,单击“提交”,即可看到错误信息,如图:

5、在姓名input中添加最小字符 minlength="2",姓名至少输入两个字符;
将Email的type="text"改为type="email",即可验证正确的email格式;
效果如图:


6、验证2次输入的密码是否一致:
给“验证密码”添加qualTo="#password",如图:

7、单击“提交”,即可看到两次密码输入是否一致;
如果密码输入不一致,出现错误信息,如图:

阅读量:185
阅读量:188
阅读量:82
阅读量:52
阅读量:68