JQUERY form表单验证

所属分类:输入-验证

 187093  654  查看评论 (63)
分享到微信朋友圈
X
JQUERY form表单验证 ie兼容10

这个列表列出了目前发现的问题和偶然想起的需求或其他任何东西。总之,这里列出的东西,是打算将来要做的。

  1. 2014-11-18 没有排除隐藏起来的input和hidden类型的input。(已完成)

  2. 2014-11-18 需要支持有条件的提示信息。(已完成)

  3. 2014-11-19 ajax不支持异步。(已完成)

  4. 2014-11-19 没有考虑file类型等特殊类型的判断。

  5. 2014-11-20 当网页载入时有隐藏的控件,之后控件显示出来后,其关联的easytip不能正确显示位置。(已完成)

  6. 2014-11-21 目前不支持属性继承。

  7. 2014-11-21 实时检查的时候,弹出的easytip有时候会导致弹出信息的消息出错。

在ready事件中$(form).easyform()即可。

目前只有一个配置项,{easytip:false}可以关闭提示,默认为true。

<input name="uid" type="text" id="uid" easyform="length:4-16;char-normal;ajax:uid_exist();real-time;" message="用户名必须为4―16位的英文字母或数字" easytip="disappear:lost-focus;theme:blue;" ajax-message="用户名已存在!">

可以这样定义一个input,通过属性easyform来定义判断条件,message为默认提示,ajax-message属性【-】号前面可以是任意规则的名字,比如length-message即可对某一条件定义一个特殊的提示。

目前支持的条件有:

  • null

  • email

  • char-normal  //英文、数字、下划线

  • char-chinese //中文、英文、数字、下划线、中文标点符号

  • char-english //英文、数字、下划线、英文标点符号

  • length:1-10  //length:4

  • equal:xxx  // 等于某个对象的值,冒号后是jq选择器语法

  • ajax:fun()

  • real-time  //实时检查

  • date      //2014-10-31

  • time      //10:30:00

  • datetime   // 2014-10-31 10:30:00

  • money     //正数,两位小数

  • uint :1   //正整数 , 参数为起始值

  • easytip    //属性是对提示框的配置,可配置属性有

  • left: 0,

  • top: 0,

  • position: "right",  //top, left, bottom, right

  • disappear: "other",   //self, other, lost-focus, none, N seconds

  • speed: "fast",

  • theme: "white",    //目前只有white、black、blue、red

  • arrow: "bottom",    //top, left, bottom, right

=========感谢网友 大树 提供的内容===========

相关插件-验证

移动端拼图验证登录

移动端拼图验证登录界面(手机端,不兼容pc)
  验证
 42523  331

点击按钮获取验证码倒计时

这是一个基于jQuery的点击按钮获取验证码倒计时插件,这个插件在我们的开发中非常常用
  验证
 49499  399

canvas随机生成图片验证码

html5 canvas随机生成图片验证码,代码注释全,使用方便。
  验证
 36754  353

输入框内容验证插件jquery.input.rule.js

这是一个文本框内容限制的方法,可以把用户输入的信息进行分类,然后进行判断,如果不符合,则提示错误。
  验证
 35375  330

讨论这个项目(63)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    马某人 0
    2019/6/26 11:47:45
    ……?_? 0
    2018/12/4 10:56:46
    http://www.jq22.com/jquery-info6330 回复
    ……?_? 0
    2018/12/4 10:56:05
    把免费的改了点验证就收费了?
        巧妙的步调0
        2018/12/11 13:48:13
        就是,太恶心了
    回复
    ?? ?? ?? ?? ?? ?? ?? 0
    2018/2/26 15:49:00
    没有那个同样的验证通过吗?
    回复
    Wonderful 0
    2018/1/6 18:27:45

    对于不想验证的文本框,不加属性,提交不了表单,只有对页面上的所有文本框加验证属性后,通过验证后才可以提交,这是为什么?对于不想验证的页面元素怎么办?

    回复
    15软件1班进击的程序员 0
    2017/12/21 11:48:04
    樱成冢、 0
    2017/12/4 21:40:53
    zzzaaa 0
    2017/10/15 13:34:13
    没金币飘过
        ljc-develop0
        2017/12/9 14:17:10
        教你个方法,进入展示页面ctrl+s保存下页面就可以。
        ,,,,,0
        2018/6/19 19:20:28
        醍醐灌顶啊!!!!
    回复
    Domain1 0
    2017/9/29 11:50:24

    怎么验证手机号码?

    回复
    0
    2017/9/19 11:01:20
    没有JQ币  谁给发一份  谢谢!!!
        137137804340
        2017/11/12 9:15:03

        我有

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复