多语言展示
当前在线:1425今日阅读:26今日分享:39

jQuery Validate 验证表单:入门

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

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

推荐信息