zoukankan      html  css  js  c++  java
  • 基于jQuery的表单验证

     

    基于jQuery的表单验证插件 

    参考了http://www.cnblogs.com/wzmaodong/archive/2008/01/11/1034901.html的一些东西,根据实际项目需要写的一个验证插件

    API 调用说明
    在页面加载完成之后使用下面语句绑定
            $("#test1").FV({

                group : "1",

                msg   : "用户名只能为字母,长度为6-10位",

                empty : true,

                valid : [ {T:"I",P:{min:6,max:10}},

                          {T:"R",P:"^[A-Za-z]+$"}

                        ]

            });

    group: 表示分组,可以省略.

          可以简写为 G

    msg: 表示错误提示信息,可以省略,默认为””

         可以简写为 M

    empty: 表示可否为空,可以省略,默认为false

         可以简写为 E

    valid : 表示要执行的验证方式,可以为了一个对象,如果要执行多种方式的验证,则为一个数组对象。

         可以简写为 V

     

    valid 介绍

    验证方式有四种

    “I”输入验证

    {T:"I",P:{T:"N",min:1,max:120}}

    T 表示验证类型

    P 表示验证的参数

    T 表示验证的方式数字范围或字符串长度验证(N/S) ,可以省略,默认为”S” 字符串长度验证

        min 默认为0

        max 默认为1000

    “C”相等验证

        {T:"C",P:"password1"}

        P 表单控件的ID

    “R”正则表达式验证

        {T:"R",P:{R: "^[A-Za-z]+$",I:flase}}

        {T:"R",P:/^[A-Za-z]+$/}

        P 一个正则表达式对象,如果是一个字符串正则表达式,如:"^-?[1-9]\\d*$" 请注意里面的 \ 应该换为 \\

        I 表示是否区分大小写,默认为 flase

        第一种方式与第二种方式功能一样。

    “F”自字义函数验证

        {T:"F",P:isDate}

        P 函数的名称,函数接收的第一个参数为当前input的值

    原码:

     

    Code

     

    测试html

     

    Code

    打包下载:https://files.cnblogs.com/snryang/FV.rar

  • 相关阅读:
    BZOJ 2199 [Usaco2011 Jan]奶牛议会
    BZOJ 2621 [Usaco2012 Mar]Cows in a Skyscraper
    BZOJ 2272 [Usaco2011 Feb]Cowlphabet
    BZOJ 2580 [Usaco2012 Jan]Video Game
    BZOJ 2099 [Usaco2010 Dec]Letter 恐吓信
    maxcontent css 采用内部元素宽度值最大的那个元素
    JSON.parse()
    uniapp去除顶部标题样式
    logminer的使用
    tmpfs文件系统
  • 原文地址:https://www.cnblogs.com/snryang/p/1318576.html
Copyright © 2011-2022 走看看