$(function () {
try {
$.formValidator.initConfig({
formid: "formTable",
errorfocus: false,
submitonce: true,
tipstyle: "both",
onerror: function () { // 验证不通过时的回调函数
alert("红色提示处输入非法,请根据提示修改!");
}
});
//验证字符串(必填)
$("#name").formValidator({ // 验证:模块名称
onshow: "(必填)",
onfocus: "(必填)不超过50个字符",
oncorrect: "(正确)"
}).inputValidator({
min: 1,
max: 50,
onerrormin: "(错误)不能为空",
onerrormax: "(错误)不超过50个字符,汉字算两个字符"
});
//验证字符串(选填)
$("#name").formValidator({ // 验证:模块名称
onshow: "(选填)",
onfocus: "(选填)不超过50个字符",
oncorrect: "(正确)",
empty: true
}).inputValidator({
min: 1,
max: 50,
onerrormin: "(错误)不能为空",
onerrormax: "(错误)不超过50个字符,汉字算两个字符"
});
//验证时间
$("#addDate").formValidator({ // 验证:发送时间
onshow: "(必填)",
onfocus: "(必填)请选择操作时间",
oncorrect: "(正确)"
}).functionValidator({
fun: function (val, elem) {
if (!/^\d{4}-\d{2}-\d{2}[ ]\d{2}:\d{2}$/.test(val)) {
return "(错误)请选择操作时间";
}
return true;
}
});
//ajax验证
$("#account").formValidator({ // 验证:模块名称
onshow: "(必填)",
onfocus: "(必填)不超过50个字符",
oncorrect: "(正确)"
}).inputValidator({
min: 1,
max: 50,
onerrormin: "(错误)不能为空",
onerrormax: "(错误)不超过50个字符,汉字算两个字符"
}).ajaxValidator({
type: "post",
url: "EnterpriseManage!ajaxValidatorUserAccount.action",
success: function (data) {
if (data == "0") {
return true;
} else if (data == "1") {
return false;
}
},
onerror: "该账号已被占用,请更换!"
});
//密码及重复密码验证
$("#password").formValidator({ // 验证:模块名称
onshow: "(必填)",
onfocus: "(必填)不超过11个字符",
oncorrect: "(正确)"
}).inputValidator({
min: 1,
max: 50,
onerrormin: "(错误)不能为空",
onerrormax: "(错误)不超过11个字符,汉字算两个字符"
});
$("#passwordRepeat").formValidator({
onshow: "(必填)",
onfocus: "(必填)2次密码必须一致",
oncorrect: "(正确)"
}).compareValidator({
desid: "password",
operateor: "=",
onerror: "(错误)2次密码不一致,请确认"
});
//图片格式验证
$("#tcCodeLogo").formValidator({
onshow: "(选填)",
onfocus: "(选填)请上传图片文件",
oncorrect: "(正确)",
empty: true
}).regexValidator({
regexp: regexEnum.picture,
onerror: "只能上传图片文件"
});
//数值验证
$("#nameNum").formValidator({ // 验证:模块名称
onshow: "(必填)",
onfocus: "(必填)值1到50",
oncorrect: "(正确)"
}).inputValidator({
min: 1,
max: 50,
type: "value",
onerrormin: "(错误)不能为空",
onerrormax: "(错误)值1到50"
});
//电话验证
$("#linkPhone").formValidator({
onshow: "(选填)",
onfocus: "(选填)",
oncorrect: "(正确)",
empty: true
}).regexValidator({
regexp: "^(\\d{3,4}-?\\d{7,8}|(13|15|18)\\d{9})$",
onerror: "(错误)电话号码格式不正确,请检查"
});
//EMail验证
$("#linkEmail").formValidator({
onshow: "(选填)",
onfocus: "(选填)请选择正确EMail格式",
oncorrect: "(正确)",
empty: true
}).regexValidator({
regexp: regexEnum.email,
onerror: "(错误)Email格式不正确,请检查"
});
//select验证
$("#testSelect").formValidator({
onshow: "(必填)",
onfocus: "(必填)请选择选项",
oncorrect: "(正确)"
}).inputValidator({
min: 0, //开始索引
onerror: "你是不是忘记选择学历了!"
});
//隐藏时,默认验证通过
$("#smsProductName").formValidator({ // 验证
onshow: "(必填)",
onfocus: "(必填)不超过50个字符,汉字算两个字符",
oncorrect: "(正确)"
}).functionValidator({
fun: function (val, elem) {
if ($("#smsProductName").is(":hidden")) {
return true;
}
if (!/^\S{1,50}$/.test(val)) {
return "(错误)不超过50个字符,汉字算两个字符";
}
return true;
}
});
//多选选择框的验证方式 略有点复杂了
$(":checkbox[name='productType']").formValidator({
onshow: "(至少选择一个)",
onfocus: "(至少选择一个)",
oncorrect: "(正确)"
}).functionValidator({
fun: function (val, elem) {
var objs = $(":checkbox[name='productType']");
for (var i = 0; i < objs.length; i++) {
if ($(objs[i]).attr("checked") == true) {
$('#productTypeTip').removeClass();
$('#productTypeTip').addClass("onSuccess");
$('#productTypeTip').html();
$('#productTypeTip').html("<nobr>正确</nobr>");
return true;
}
}
$('#productTypeTip').removeClass();
$('#productTypeTip').addClass("onError");
$('#productTypeTip').html();
$('#productTypeTip').html("<nobr>(至少选择一项)</nobr>");
return false;
}
});
} catch (e) {
alert(e);
}
});
- 浏览: 977870 次
- 性别:
- 来自: 山西
文章分类
最新评论
-
白小默:
你好 可以提供下源码DEMO吗,不知为何,我导出来的excel ...
jxls 使用模板文件导出生成excel -
zkzqzzz:
博主威武!
让微信二维码扫描您的APK -
zkzqzzz:
感谢博主 原来那些类都不是必须的 或者自己写!!博主真棒 ...
抢红包插件实现原理浅析 -
zkzqzzz:
博主 请问你的其他类在哪里呢?
抢红包插件实现原理浅析 -
zkzqzzz:
其他类在哪呢?
抢红包插件实现原理浅析
发表评论
-
npm介绍与cnpm介绍
2017-12-07 15:22 388npm介绍 说明:npm(nod ... -
Electron学习笔记Part3-利用Electron builder应用打包EXE
2017-12-06 17:44 1241HelloWorld写完并能够成功运行了,接下来将这个He ... -
利用electron-packager打包exe程序
2017-12-06 17:41 951一、安装 electron-packager PS:安装之 ... -
使用npm安装electron不成功的解决方法
2017-12-06 17:24 3163使用npm安装electron不成功的解决方法 根据官网提 ... -
electron 的混合桌面之路 入门安装
2017-12-06 17:23 677最近有计划去写桌面程序,所以呢,我打算写一篇博客来记录 ... -
JS中onmouseover与onmouseout的bug/js避免onmouseover onmouseout多次触发
2016-11-16 15:33 1029在Javascript中,父元素包含子元素,当给父元素设置 ... -
一周APP UI交互设计动效灵感
2016-08-09 17:53 553一个好的动效设计可以提升UI界面与用户的交互体验,让枯燥的界 ... -
让界面动起来!移动动效设计必备灵感网站
2016-08-09 17:50 620扁平化的兴起,现在越来越流行动效设计,特别对于移动端,对交互 ... -
「添加购物」功能交互演示
2016-09-13 10:46 482几平每个购物网站都会有一个购物车功能,它可以算是不可缺少的 ... -
功能性动画UX设计:优秀的过渡转场效果(Transtion)
2016-08-09 17:43 485功能性动画(functional animation)是一种 ... -
表单动画 jQuery 插件:Form Animation Plugin
2016-08-09 17:35 492今天为大家分享的表单动画 jQuery 插件:Form An ... -
JS中的RegExp对象
2013-09-17 16:31 472JavaScript提供了一个RegExp对象来完成有 ... -
js获取项目根路径
2013-09-17 16:26 485//js获取项目根 ... -
javascript 中string转换int方法汇总
2012-07-12 16:38 870方法一: <script> var ... -
javascript中判断IP地址格式
2011-12-30 15:44 984function checkIp(ip){var ip ... -
input type=file的清空(javascript)
2011-12-29 10:26 1124<input name="f1" v ... -
Google 排名中的 10 个最著名的 JavaScript 库
2011-11-30 16:37 777JavaScript 是 Web 开发与设计中不可或缺的东西, ... -
js加载倒计时
2011-11-30 09:15 1113<script> var loadt ... -
js去掉前后空格
2011-11-28 11:54 736js实现TRIM功能<SCRIPT LA ... -
URL中使用escape()编码,在java中使用request.getParameter()获取参数为null
2011-11-25 11:32 4162在做页面开发时使用 ...
相关推荐
**jQuery formValidator表单验证插件实例(PHP)** 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高数据质量和用户体验。jQuery formValidator是一个强大的验证插件,它...
很多人下载了jQuery 的formValidator表单验证插件竟然不会用,我下了后研究研究写了几个超级好用的表单验证的demo,下载之后直接使用。立即体验jQuery的强大,formValidator是个神奇的插件,让我做成超好用的demo
在压缩包中的"JQuery formvalidator4.1.1资料"中,包含了一些示例代码,这些实例涵盖了FormValidator的基本用法和常见场景。通过这些实例,开发者可以快速掌握如何在项目中引入FormValidator,如何设置验证规则,...
4. **示例文件**:包含HTML和JavaScript文件,展示了如何在实际项目中使用formvalidator,比如“仿126实例”可能是一个模仿126邮箱注册表单的验证示例。 5. **文档**:可能包括HTML或PDF格式的帮助手册,详细解释了...
示例代码展示了插件的基本用法和各种验证规则的应用,包括简单的验证实例和复杂的异步验证案例。通过实践这些例子,开发者可以更好地掌握formValidator的用法。 综上所述,jQuery formValidator 3.1是一个功能强大...
**jQuery FormValidator 3.3:打造高效便捷的表单验证体验** `jQuery FormValidator 3.3` 是一个强大的JavaScript验证框架,专为简化和增强网页中的表单验证而设计。它基于流行的jQuery库,提供了丰富的功能和高度...
本文实例讲述了jQuery插件formValidator自定义函数扩展功能的方法。分享给大家供大家参考,具体如下: jQuery formValidator表单验证插件是什么?感兴趣的读者可参考《jQuery formValidator表单验证插件》以及本站...
`jQuery FormValidator`是一款基于jQuery库的前端表单验证插件,它为开发者提供了一种简单而强大的方式来实现表单验证。这个插件在Web开发领域中颇受欢迎,因为它可以方便地添加验证规则,避免用户提交无效或不完整...
例如,你可以通过CDN或下载压缩包(如`formValidator3.1`)来获取这些资源。在HTML文件中,将它们链接到页面头部: ```html <!DOCTYPE html> <title>jQuery FormValidation示例 ...
6. **自定义验证规则**:除了内置的验证规则外,`formvalidator`还允许你定义自己的验证函数,以满足特定需求。例如,你可以验证密码强度,确保包含数字、字母和特殊字符。 ```javascript $.formUtils....
个人认为最牛X的表单验证js,jquery实现的。附带10多个demo页,清楚展现了各种验证的用法,将表单验证的种种情况一网打尽,超赞。当然,我也是其它地方download的,下载了N多,这是最好的。共享给大家。
内容索引:.NET源码,Ajax相关,formValidator jQuery formValidator是一款不错的表单验证插件,ASP/PHP/平台都可以方便的使用,本实例就是在 环境下的使用formValidator的一个功能演示程序,这其中包含各种表单数据...
接着,我们需要对目标表单进行一些基本的配置,包括设置验证规则和错误提示信息。例如: ```html [required,custom[onlyLetterNumber]]" title="请输入用户名" /> [required,custom[email]]" title="请输入有效...
`jQuery formValidator`可能是这个实例中使用的第三方验证插件,它可以提供更复杂的验证功能,如正则表达式匹配、远程验证等。安装并引入这个插件后,可以按照插件文档中的指南配置验证规则,以增强验证功能。 总结...
通过实例化`FormValidator`,我们可以配置验证规则,比如最小值、最大值、正则表达式等,并将其关联到特定的表单字段。 文件`FormValidator.as`很可能包含了自定义的`FormValidator`扩展或实现,可能用于添加额外...
1. **初始化验证规则**:在创建`FormValidator`实例时,需要传入表单元素和验证规则。规则可能包括必填项、长度限制、格式校验等。 2. **事件绑定**:类内部会自动将验证函数绑定到表单的提交事件或其他相关事件上...
如果`settings`数组长度为1,意味着只有一个formValidator实例,此时不进行验证,直接返回null。否则,如果第一个验证规则不需要Ajax验证,会检查输入框是否为空,若为空则认为验证通过。 对于每一个验证规则(`...
创建一个表单验证类实例,然后绑定到特定表单,如下: ```javascript var formValidator = new FormValidator(formElement); formValidator.addRule('email', /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/)...
总的来说,`jQuery Validate`的这个实例提供了一个实用的方法来增强表单验证体验,特别是对于密码安全性的强调。它不仅确保了用户输入的有效性,还鼓励他们创建更强大的密码,从而提高了整体的网络安全。通过理解并...