<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>
分享到：
相关推荐
在2019年，OpenSSH被发现存在一个名为CVE-2019-16905的输入验证错误漏洞。这个漏洞允许攻击者通过精心构造的公钥文件，可能导致服务崩溃或者可能执行任意代码，对系统安全构成严重威胁。为了保护系统免受此漏洞的...
"wpf窗口输入验证" 主要涉及如何在WPF应用程序中对TextBox、ComboBox等控件进行输入验证。这通常涉及到以下几个关键知识点： 1. **验证规则（Validation Rules）**： WPF提供了内置的数据验证机制，允许开发者定义...
JavaScript客户端输入验证是Web开发中不可或缺的一环，它主要用于在用户提交数据到服务器之前检查数据的有效性和格式。这种验证可以防止无效数据的提交，减轻服务器的负担，提高用户体验，因为错误提示可以即时显示...
### JSF用户输入验证 #### 一、JSF验证器概览 在JavaServer Faces (JSF) 中，用户输入验证是一项重要的功能，用于确保客户端提交的数据满足特定的要求。这不仅可以提升应用程序的安全性，还可以提高用户体验，通过...
在ASP.NET开发中，输入验证是确保数据质量与安全的重要环节。AJAX FormValidator 是一个常用的客户端验证工具，它结合了AJAX技术，能够在不刷新整个页面的情况下进行实时验证，提高用户体验。本篇文章将深入探讨AJAX...
Struts2是一个流行的Java web开发框架，它提供了一种强大的数据输入验证机制，确保用户提交的数据符合预期格式和约束。本教程将深入讲解Struts2中的数据输入验证，包括两种主要验证方式：客户端验证和服务端验证。...
Silverlight 3.0是该技术的一个版本，提供了更加强大的功能和改进，其中包括对控件输入验证的增强。 在Silverlight 3.0中，控件输入验证是确保用户在表单中输入的数据符合预定义规则的关键部分。这有助于提高数据...
图形输入验证的基本思想是生成一个难以被计算机程序解析的图像，其中包含一些扭曲的字母或数字。用户必须识别这些字符并正确输入，以此证明他们不是机器。这种方法有效阻止了自动化工具，因为它们往往无法准确地...
本实例将详细讲解如何在Struts2框架下实现登录功能，并结合输入验证和动态调用来优化用户体验。 一、Struts2登录功能 在Struts2中，登录功能通常涉及以下步骤： 1. 创建一个Action类，该类代表一个业务逻辑单元，...
### Struts2输入验证机制详解 #### 一、引言 在Web开发中，输入验证是确保应用程序安全性和用户体验的重要环节。Struts2框架提供了一套完善的验证机制，可以帮助开发者轻松实现各种验证逻辑，包括但不限于空值检测...
在JavaScript（JS）中，表单脚本输入验证是网页开发中的重要环节，它确保用户在提交表单前输入的数据符合预设的规则，从而提高数据质量和用户体验。这篇博客（博文链接：https://zlk.iteye.com/blog/592365）可能...
在ASP.NET开发中，输入验证是一项至关重要的任务，它确保用户提交的数据符合应用程序的要求和预期。这个"Multiple Fields Validator"控件就是一个专为实现多字段输入验证而设计的工具，适用于那些需要对多个表单字段...
在Web应用程序开发中，输入验证是确保系统安全性和可靠性的关键环节。随着互联网的飞速发展，Web应用已经成为众多领域核心业务的重要载体，但同时也面临着网络攻击的严峻挑战。输入验证的主要目的是过滤掉不符合规定...
在AngularJS中，表单和输入验证通常包括以下几个关键知识点： 1. 数据绑定与模型(`ng-model`)： - `ng-model`指令用于在视图（HTML）和模型（JavaScript对象）之间建立双向数据绑定。 - 当用户在表单控件中输入...
在网页开发中，文本输入验证是一项至关重要的任务，它确保用户提交的数据符合预期的格式，从而提高用户体验并保护服务器免受恶意数据的攻击。"页面文本输入验证js" 涉及到JavaScript（JS）和jQuery这两种技术，主要...
在JavaScript编程中，日期控件和输入验证是两个非常关键的方面，特别是在构建交互式的Web应用程序时。这篇博文“JS日期控件及输入验证”似乎探讨了如何在前端实现这两个功能，以提供用户友好的体验并确保数据的准确...
在开发基于Java的应用程序时，我们经常会遇到用户输入的数据。这些数据可能来自Web表单、API调用或是其他途径。如果不对这些数据进行适当的验证和...因此，掌握如何正确地进行输入验证以及如何防范SQL注入至关重要。
一个Ajax无刷新表单输入验证特效插件，主要是可以适时弹出提示信息，点确认后，仍使用传统的弹出框弹出信息，各参数设置说明： chk.config:待验证项目信息,对应项目说明： id:待验证项目的id.(类型:字符串,必填)...
在Struts2中，输入验证是确保数据质量的关键步骤，它防止了无效或有害的数据进入系统，从而保护了应用程序的稳定性和安全性。在这个“struts2输入验证例子”中，我们将探讨Struts2中的两种主要验证方式：`...
ASP.NET教程第三讲聚焦于输入验证控件，这是构建安全、健壮的Web应用程序的关键环节。在本教程中，我们将深入探讨如何利用C#语言和ASP.NET框架来确保用户输入的有效性和安全性。ASP.NET提供了丰富的内置验证控件，...