JQUERY form表单验证

所属分类:输入-验证

 138322  336  查看评论 (58)
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

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

相关插件-验证

jQueryCSS3分步骤注册表单切换动画在线演示

jQueryCSS3分步骤注册表单切换动画在线演示
  验证
 16535  135

jQuery微信开放平台注册表单

jQuery微信开放平台注册表单是一款仿微信开放平台的选项卡带步骤的注册表单验证jQuery代码。
  验证
 21805  145

jQuery canvas验证码

jQuery canvas验证码,简单实用注释全
  验证
 1867  28

JQUERY form表单验证

easy将是一个系列的库 目前只有一个文件easyform,包含3个类,easytip : tooltip控件,支持灵活的配置。easyinput : 单个input验证控件easyform :表单验证控件
  验证
 138323  336

讨论这个项目(58)回答他人问题或分享插件使用方法奖励jQ币

    ?? ?? ?? ?? ?? ?? ?? 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保存下页面就可以。
    回复
    Domain1 0
    2017/9/29 11:50:24

    怎么验证手机号码?

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

        我有

    回复
    tyw867499443 0
    2017/7/19 15:06:10
    小檗 0
    2017/7/19 10:48:32
    0
    2017/6/15 10:20:15

    1148051218@qq.com 谢谢各位大神

        不故。0
        2017/6/21 16:35:36

        656565

    回复
取消回复