jQuery完整注册表单提交验证,validateform表单验证

  jQuery完整注册表单提交验证,validateform表单验证

  验证是jQuery的一个插件。所提供的方法可以大大简化验证表单的工作,并且功能足够通用。规则也足够简单,易于使用。举个简单的例子,使用验证来验证注册表单。

  首先,确保验证的目标是:

  1.必填字段不能为空。

  2.注册用户名必须在6-12个字符内

  3.合格的电子邮件格式

  4.密码必须是6-18个字符。

  5.确认密码必须与密码一致。

  脚本类型=text/javascript src=./lib/jquery-1 . 3 . 2 . min . js /script

  脚本类型=text/javascript src=./lib/jquery . validate . min . js /script

  脚本类型=文本/javascript

  $(function(){

  $( #regForm )。验证({

  规则:{

  //注册用户名

  用户名:{

  必填:真,

  minlength: 5,

  最大长度:12

  //电子邮件

  电子邮件:{

  必填:真,

  电子邮件:真的

  //密码

  密码:{

  必填:真,

  minlength: 6,

  最大长度:18

  //确认密码

  确认密码:{

  等于: #密码

  //验证验证码

  验证码:{

  必填:真,

  远程:“checkCaptcha.php”

  消息:{

  //注册用户名

  用户名:{

  必需:“此项不能为空”,

  Minlength:不能少于5个字符,

  Maxlength:“不能超过12个字符”

  //电子邮件

  电子邮件:{

  必需:“此项不能为空”,

  电子邮件:“电子邮件格式不正确”

  //密码

  密码:{

  必需:“此项不能为空”,

  Minlength:不能少于6个字符,

  Maxlength:“不能超过18个字符”

  //确认密码

  Confirm_password:两次输入的密码不一致,

  //验证验证码

  验证码:{

  必填:请输入验证码,

  远程:“验证码输入不正确”

  /脚本

jQuery完整注册表单提交验证,validateform表单验证