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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:60
阅读量:28
阅读量:118
阅读量:154
阅读量:124