表单验证validation插件的使用

最新推荐文章于 2018-05-02 10:13:55 发布

原创最新推荐文章于 2018-05-02 10:13:55 发布 · 843 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#插件validation #前端 #jquery

web前端专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一个使用jQuery Validation插件实现的员工信息录入表单验证案例。详细展示了如何为真实姓名、登录名、密码等字段设置不同的验证规则，确保用户输入的数据符合要求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

步骤:1）下载jquery-validation插件2）将该插件（也就是一个js文件）导入到我们的工程中(引入之前必须先引入jquery的js文件)3）在要使用校验插件的html中引入该js文件4）编写表单校验的代码自定义规则:自定义规则步骤1.$.validator.addMethod("校验规则名称",function(value,element,params)){}参数value:文本框输入的值element:输入文本框标签对象params:规则定义中的参数,例如:cartlength:[15,18]完整案例:

员工信息录入

真实姓名(不能为空 ,没有其他要求)
登录名(登录名不能为空,长度应该在5-8之间,可以包含中文字符(一个汉字算一个字符)):
密码(不能为空,长度6-12字符或数字,不能包含中文字符):
重复密码密码(不能为空,长度6-12字符或数字,不能包含中文字符):
性别(必选其一)	男女请选中性别
年龄(必填26-50):
你的学历:
出生日期(1982/09/21):
兴趣爱好:	乒乓球羽毛球上网旅游购物爱好必须选一个
电子邮箱:
身份证(15-18):