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:两次输入的密码不一致,

  //验证验证码

  验证码:{

  必填:请输入验证码,

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

  /脚本

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: