jQuery Validate 验证表单:入门

2025-11-03 04:35:04

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

jQuery Validate 验证表单:入门

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

jQuery Validate 验证表单:入门

jQuery Validate 验证表单:入门

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

jQuery Validate 验证表单:入门

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

jQuery Validate 验证表单:入门

5、在姓名input中添加最小字符 minlength="2",姓名至少输入两个字符;

将Email的type="text"改为type="email",即可验证正确的email格式;

效果如图:

jQuery Validate 验证表单:入门

jQuery Validate 验证表单:入门

6、验证2次输入的密码是否一致:

给“验证密码”添加qualTo="#password",如图:

jQuery Validate 验证表单:入门

7、单击“提交”,即可看到两次密码输入是否一致;

如果密码输入不一致,出现错误信息,如图:

jQuery Validate 验证表单:入门

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