<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery formValidator表单验证插件 -- by:猫冬，email:wzmaodong@126.com</title>
<meta name="Author" content="猫冬">
<meta name="description" content="jQuery formValidator表单验证插件" />
<meta name="keywords" content="jQuery,formValidator,插件,表单,验证,插件,javascript,表单验证,提示层" />
<script src="jquery_last.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="style/validator.css"></link>
<script src="formValidator.js" type="text/javascript" charset="UTF-8"></script>
<script src="formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
$(document).ready(function(){
        $.formValidator.initConfig({formid:"form1",onerror:function(){alert("校验没有通过，具体错误请看错误提示")}});
        $("#sfz").formValidator({onshow:"请输入15或18位的身份证",onfocus:"输入15或18位的身份证",oncorrect:"输入正确"}).regexValidator({regexp:"idcard",datatype:"enum",onerror:"你输入的身份证格式不正确"});;
    $("#sfz1").formValidator({onshow:"请输入15或18位的身份证",onfocus:"输入15或18位的身份证",oncorrect:"输入正确"}).functionValidator({fun:isCardID});

$("#zs").formValidator({onshow:"请输入整数",oncorrect:"谢谢你的合作，你的整数正确"}).regexValidator({regexp:"intege",datatype:"enum",onerror:"整数格式不正确"});
        $("#zzs").formValidator({onshow:"请输入正整数",oncorrect:"谢谢你的合作，你的正整数正确"}).regexValidator({regexp:"intege1",datatype:"enum",onerror:"正整数格式不正确"});
        $("#fzs").formValidator({onshow:"请输入负整数",oncorrect:"谢谢你的合作，你的负整数正确"}).regexValidator({regexp:"intege2",datatype:"enum",onerror:"负整数格式不正确"});
        $("#sz").formValidator({onshow:"请输入数字",oncorrect:"谢谢你的合作，你的数字正确"}).regexValidator({regexp:"num",datatype:"enum",onerror:"数字格式不正确"});
        $("#zs1").formValidator({onshow:"请输入正数",oncorrect:"谢谢你的合作，你的正数正确"}).regexValidator({regexp:"num1",datatype:"enum",onerror:"正数格式不正确"});
        $("#fs").formValidator({onshow:"请输入负数",oncorrect:"谢谢你的合作，你的负数正确"}).regexValidator({regexp:"num2",datatype:"enum",onerror:"负数格式不正确"});

$("#sj").formValidator({onshow:"请输入你的手机号码",onfocus:"必须是13或15打头哦",oncorrect:"谢谢你的合作，你的手机号码正确"}).regexValidator({regexp:"mobile",datatype:"enum",onerror:"手机号码格式不正确"});
        //$("#").formValidator({onshow:"",onfocus:"请输入",oncorrect:"谢谢你的合作，你的正确"}).regexValidator({regexp:"",datatype:"enum",onerror:"格式不正确"});
        $("#email").formValidator({onshow:"请输入你的email",onfocus:"请注意你输入的email格式，例如:wzmaodong@126.com",oncorrect:"谢谢你的合作，你的email正确"}).regexValidator({regexp:"email",datatype:"enum",onerror:"email格式不正确"});
        $("#fds").formValidator({onshow:"请输入浮点数",oncorrect:"谢谢你的合作，你的浮点数正确"}).regexValidator({regexp:"decmal",datatype:"enum",onerror:"浮点数格式不正确"});
        $("#zfds").formValidator({onshow:"请输入正浮点数",oncorrect:"谢谢你的合作，你的正浮点数正确"}).regexValidator({regexp:"decmal1",datatype:"enum",onerror:"正浮点数格式不正确"});
        $("#ffds").formValidator({onshow:"请输入负浮点数",oncorrect:"谢谢你的合作，你的负浮点数正确"}).regexValidator({regexp:"decmal2",datatype:"enum",onerror:"负浮点数格式不正确"});
        $("#fffds").formValidator({onshow:"请输入非负浮点数",oncorrect:"谢谢你的合作，你的非负浮点数正确"}).regexValidator({regexp:"decmal4",datatype:"enum",onerror:"非负浮点数格式不正确"});
        $("#fzfds").formValidator({onshow:"请输入非正浮点数",oncorrect:"谢谢你的合作，你的非正浮点数正确"}).regexValidator({regexp:"decmal5",datatype:"enum",onerror:"非正浮点数格式不正确"});
        $("#ys").formValidator({onshow:"请输入16进制颜色",oncorrect:"谢谢你的合作，你的16进制颜色正确"}).regexValidator({regexp:"color",datatype:"enum",onerror:"16进制颜色格式不正确"});
        $("#yb").formValidator({onshow:"请输入邮编",onfocus:"6位数字组成的哦",oncorrect:"谢谢你的合作，你的邮编正确"}).regexValidator({regexp:"zipcode",datatype:"enum",onerror:"邮编格式不正确"});
        $("#ip4").formValidator({onshow:"请输入ip4",onfocus:"例如：172.16.201.18",oncorrect:"谢谢你的合作，你的ip4正确"}).regexValidator({regexp:"ip4",datatype:"enum",onerror:"ip4格式不正确"});
        $("#fk").formValidator({onshow:"请输入非空字符",oncorrect:"谢谢你的合作，你的非空字符正确"}).regexValidator({regexp:"notempty",datatype:"enum",onerror:"非空字符格式不正确"});
        $("#tp").formValidator({onshow:"请输入图片名",oncorrect:"谢谢你的合作，你的图片名正确"}).regexValidator({regexp:"picture",datatype:"enum",onerror:"图片名格式不正确"});
        $("#rar").formValidator({onshow:"请输入压缩文件名",oncorrect:"谢谢你的合作，你的压缩文件名正确"}).regexValidator({regexp:"rar",datatype:"enum",onerror:"压缩文件名格式不正确"});
        $("#qq").formValidator({onshow:"请输入QQ号码",oncorrect:"谢谢你的合作，你的QQ号码正确"}).regexValidator({regexp:"qq",datatype:"enum",onerror:"QQ号码格式不正确"});
        $("#dh").formValidator({onshow:"请输入国内电话",onfocus:"例如：0577-88888888或省略区号88888888",oncorrect:"谢谢你的合作，你的国内电话正确"}).regexValidator({regexp:"tel",datatype:"enum",onerror:"国内电话格式不正确"});
        $("#yhm").formValidator({onshow:"请输入用户名",oncorrect:"谢谢你的合作，你的用户名正确"}).regexValidator({regexp:"username",datatype:"enum",onerror:"用户名格式不正确"});
        $("#zm").formValidator({onshow:"请输入字母",oncorrect:"谢谢你的合作，你的字母正确"}).regexValidator({regexp:"letter",datatype:"enum",onerror:"字母格式不正确"});
        $("#dxzm").formValidator({onshow:"请输入大写字母",oncorrect:"谢谢你的合作，你的大写字母正确"}).regexValidator({regexp:"letter_u",datatype:"enum",onerror:"大写字母格式不正确"});
        $("#xxzm").formValidator({onshow:"请输入小写字母",oncorrect:"谢谢你的合作，你的小写字母正确"}).regexValidator({regexp:"letter_l",datatype:"enum",onerror:"小写字母格式不正确"});
        $("#sfz").formValidator({onshow:"请输入身份证",oncorrect:"谢谢你的合作，你的身份证正确"}).regexValidator({regexp:"idcard",datatype:"enum",onerror:"身份证格式不正确"});
});
</script>
<style type="text/css" media="all">
body,div{font-size:12px; margin:10px;}
</style>
</head>
<body>
<h2>如何调用扩展库</h2>
<p>正则表达式示例</p>
<p><a href="http://wzmaodong.cnblogs.com">猫冬的博客</a></p>
<form action="" method="post" name="form1" id="form1">
       
  <table border="0px" style="font-size:12px">
  <tr>
      <td colpan="3"><input type="submit" name="button" id="button" value="提交" /></td>
    </tr>
    <tr>
      <td align="right">身份证(正则表达式库):</td>
      <td><input name="sfz" type="text" id="sfz" /></td>
      <td><div id="sfzTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">身份证(外部函数):</td>
      <td><input type="text" id="sfz1" style="width:120px" /></td>
      <td><div id="sfz1Tip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">整数:</td>
      <td><input type="text" id="zs" style="width:120px" /></td>
      <td><div id="zsTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">正整数:</td>
      <td><input type="text" id="zzs" style="width:120px" /></td>
      <td><div id="zzsTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">负整数:</td>
      <td><input type="text" id="fzs" style="width:120px" /></td>
      <td><div id="fzsTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">数字:</td>
      <td><input type="text" id="sz" style="width:120px" /></td>
      <td><div id="szTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">正数（正整数 + 0）:</td>
      <td><input type="text" id="zs1" style="width:120px" /></td>
      <td><div id="zs1Tip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">负数（负整数 + 0）:</td>
      <td><input type="text" id="fs" style="width:120px" /></td>
      <td><div id="fsTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">浮点数:</td>
      <td><input type="text" id="fds" style="width:120px" /></td>
      <td><div id="fdsTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">正浮点数:</td>
      <td><input type="text" id="zfds" style="width:120px" /></td>
      <td><div id="zfdsTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">负浮点数:</td>
      <td><input type="text" id="ffds" style="width:120px" /></td>
      <td><div id="ffdsTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">非负浮点数（正浮点数 + 0）:</td>
      <td><input type="text" id="fffds" style="width:120px" /></td>
      <td><div id="fffdsTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">非正浮点数（负浮点数 + 0）:</td>
      <td><input type="text" id="fzfds" style="width:120px" /></td>
      <td><div id="fzfdsTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">颜色:</td>
      <td><input type="text" id="ys" style="width:120px" /></td>
      <td><div id="ysTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">你的EMAIL:</td>
      <td><input type="text" id="email" style="width:120px" /></td>
      <td><div id="emailTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">手机:</td>
      <td><input type="text" id="sj" style="width:120px" /></td>
      <td><div id="sjTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">邮编:</td>
      <td><input type="text" id="yb" style="width:120px" /></td>
      <td><div id="ybTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">非空:</td>
      <td><input type="text" id="fk" style="width:120px" /></td>
      <td><div id="fkTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">图片:</td>
      <td><input type="text" id="tp" style="width:120px" /></td>
      <td><div id="tpTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">压缩文件:</td>
      <td><input type="text" id="rar" style="width:120px" /></td>
      <td><div id="rarTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">ip4:</td>
      <td><input type="text" id="ip4" style="width:120px" /></td>
      <td><div id="ip4Tip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">QQ号码:</td>
      <td><input type="text" id="qq" style="width:120px" /></td>
      <td><div id="qqTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">国内电话:</td>
      <td><input type="text" id="dh" style="width:120px" /></td>
      <td><div id="dhTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">用户名:</td>
      <td><input type="text" id="yhm" style="width:120px" /></td>
      <td><div id="yhmTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">字母:</td>
      <td><input type="text" id="zm" style="width:120px" /></td>
      <td><div id="zmTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">大写字母:</td>
      <td><input type="text" id="dxzm" style="width:120px" /></td>
      <td><div id="dxzmTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">小写字母:</td>
      <td><input type="text" id="xxzm" style="width:120px" /></td>
      <td><div id="xxzmTip" style="width:300px"></div></td>
    </tr>
    <tr>
      <td align="right">身份证:</td>
      <td><input type="text" id="sfz" style="width:120px" /></td>
      <td><div id="sfzTip" style="width:300px"></div></td>
    </tr>
        <tr>

</table>
</form>
</body>
</html>

版权声明：本文为博主原创文章，未经博主允许不得转载。

转载于:https://www.cnblogs.com/shipeng22022/archive/2013/01/21/4614156.html

formValidate输入验证相关推荐

  1. jquery中输入验证中一个不错的效果

    在表单的输入验证中,经常要当用户没能正确输入后,要提示"XXXX输入错误" 这一类的信息,如何能搞到动态一点呢,今天发现jquery中的一个不错的效果,笔记之. 1 包含jquer ...

  2. Struts2用户输入验证（6）

    10.6 小结 Struts2框架下的用户输入验证分为三种方式:1. 编程方式下的验证 2. 配置方式下的验证 3.注解方式下的验证.          如果在Struts2项目下存在多种验证方式,其 ...

  3. C# 文本输入限制类型，datagridview单元格输入验证

    1.只能输入double类型 private void textBoxX6_KeyPress(object sender, KeyPressEventArgs e){{//数字0~9所对应的keych ...

  4. 3.Struts2的输入验证

    l          当类型转换成功以后,struts2将进行输入验证 若要进行输入验证则你的action必须继承ActionSupport类,实现其validate方法 在方法中调用addFiled ...

  5. C++为什么空格无法输出_C 语言 第8章-字符输入/输出和输入验证

    1. 缓存区 #include 大部分系统在用户按下 Enter 键之前不会重复打印刚输入的字符,这种输入叫缓冲输入.用户输入的字符被收集并存储在缓冲区(buffer). 把若干字符作为一个块进行传输 ...

  6. Samba nsswitch/pam_winbind.c文件输入验证漏洞

    漏洞名称: Samba nsswitch/pam_winbind.c文件输入验证漏洞 CNNVD编号: CNNVD-201312-047 发布时间: 2013-12-05 更新时间: 2013-12- ...

  7. ssh密码长度漏洞java_Linux中 OpenSSH 输入验证错误漏洞(CVE-2019-16905) 修复解决方案...

    解决方案: redhat6.7与centos6.7版本升级到openssh8.1版本与openssl-1.1.1自动化脚本,解决linuxOpenSSH输入验证错误漏洞(CVE-2019-16905) ...

  8. 使用BootStrapValidator来完成前端输入验证

    BootStrapValidator可以用于完成基于BootStrap搭建的前端UI中的输入验证,由于本插件完全基于BootStrap因此可以和UI完美的融合在一起.下面直接上图,看看完成后的结果: ...

  9. WebApiClient的接口输入验证

    1. 文章目的 随着WebApiClient的不断完善,越来越多开发者选择WebApiClient替换原生的HttpClient,本文将介绍WebApiClient的接口参数输入有效性验证的新特性. ...

最新文章

  1. 如何合并多个Django项目？
  2. Windows API获取系统配置文件的配置参数
  3. 感谢球，感谢铁道部，感谢电信，我终于定到回武汉的票了
  4. OSCACHE(转)
  5. 计算机程序的构造和解释1构造过程抽象1.2过程与它们所产生的计算
  6. Macbook尝试破解WIFI密码
  7. 西瓜播放器xgplayer的简单使用demo
  8. 微信小程序上传头像,使用wx.chooseImage； wx.uploadFile
  9. w ndows7旗舰版网卡驱动,windows7万能网卡驱动官方下载
  10. mp4文件如何转换为webm格式 1
  11. 对象存储是什么？看过就明白了
  12. jeesite代码生成器的使用（初学者）
  13. 编译原理：短语，简单短语，句柄，语法树
  14. CSS3变形和动画：旋转、扭曲、缩放、位移、矩阵 、原点 transform-origin、过渡属性 transition-property、过渡所需时间 transition-duration...
  15. 交换机的转发原理 |VLAN详解·图解 |VLAN间通信 |华为，思科配置
  16. 0010基于单片机交通灯控制系统设计
  17. 解决苹果手机app store下载软件超过200M后必须使用wifi的终极方法（亲测有效）
  18. 【2020算法练习一】笔试算法题 快手2020校园招聘秋招笔试--算法A试卷
  19. SUSAN算子——边缘检测
  20. qq空间动态设置在哪?

热门文章

  1. 9iDataGurad报ORA12154TNScouldnotresolveservicename
  2. 常用统计分析软件介绍
  3. 阿里数据库内核月报：2017年01月
  4. 2020年5G市场走向
  5. PCL环境配置+斯坦福兔子测试程序
  6. android透明背景加深,Android美化之全局透明背景
  7. Linux解压jdk文件时报错
  8. 相约 | 2021全球C++及系统软件技术大会将于12月上海隆重召开
  9. 诸神荣耀服务器维护,龙族幻想：4月16日维护更新公告
  10. zynq+AD9361软件无线电设计