jQuery Validation Engine 表单验证,自定义规则验证方法
jQuery Validation Engine 表单验证说明文档http://code.ciaoca.com/jquery/validation-engine/

js加到jquery.validationEngine-zh_CN.js这个文件的后面
示例:
"weekDays": {
"regex": /^(1|2|3|4|5)$/, //这里写你想要自定义的正则
"alertText":"* 请输入正确的星期" //这里写你想要提示的内容
}
在这里加完自己自定义的内容之后就可以加在想要验证的input的class上加上validate[custom[weekDays]]就行了
使用jQuery Validation Engine 表单验证插件需要注意一定要有form表单和form的id
$("#form-id").validationEngine({ promptPosition: 'topLeft', maxErrorsPerField: 1, autoHidePrompt: true, autoHideDelay: 3000, showOneMessage: true })//tips的位置再左上,3000毫秒后自动消失
如果想在提交表单前再次验证是否符合上述的所规定的验证规则,需再点击提交按钮时加上
//验证是否符合使用表单插件所规定的规则,若不符合,再次tips提醒,表单回到不符合的地方
var id = $("#id");
if (!id.validationEngine("validate")) {
return;
}; //这个是自定义的其他组合验证规则
//1.判断列表里的文字输入框里输入的数字都满足某一个范围
//2.判断列表里的select选择框选择的不为重复值 //思路1:遍历框里输入的数值,如果该值不满足某个范围,弹出提示
var isCarFeeRight = true;
var $carfee = $("[name=CarFee]");
$carfee.each(function() {
var ordercarfee = $(this).val();
for (var i = 0; i < $carfee.length; i++) {
//console.log(ordercarfee)
if (ordercarfee > 1000000) {
isCarFeeRight = false;
return false;
}
}
}); //思路2:遍历得到select的value值,放在一个数组里,判断该数组有没有重复值,如果有弹出提示
var arr = [];
var isRepeat = true;
$("[name=CarFeeType]").each(function () {
var val = $(this).find("option:selected").val();
$.each(arr, function (i, e) {
if (val == e) {
isCarFeeType = false;
return false;
}
});
arr.push(val);
}); if (!isRange) {
alert('不符合范围');
return false;
}
if (!isRepeat) {
alert('不能有两个相同单位');
return false;
}
jQuery Validation Engine 表单验证,自定义规则验证方法的更多相关文章
- jQuery Validation Engine 表单验证
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. 兼容 IE 6+, Chrome, ...
- Validation Engine 表单验证
前端开发仓库 » jQuery » jQuery Validation Engine 表单验证 jQuery Validation Engine 表单验证来源 功能强大的 jQuery 表单验证插件, ...
- jquery.validation.js 表单验证
jquery.validation.js 表单验证 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuer ...
- jQuery中防止表单提交两次的方法
遇到过表单提交两次的情况,做个记录: 解决场景:首先是表单验证,其次是防止多次提交表单: jQuery中插件:validate_submitHandler_plugin,具体的可以使用关键字搜索: 使 ...
- jQuery Validation Engine(三) 基本常识
1:response.validateFail(fieldId, "机构英文名已被其他人使用"); //field为这个字段的id,”“ 双引号的内容,是提示语 <!DOCT ...
- jQuery Validation Engine(二) checkHello data-errormessage
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...
- jQuery Validation Engine
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...
- 使用jquery.validation+jquery.poshytip做表单验证--未完待续
jqueryValidate的具体使用方法很多,这里就不在赘述,这一次只谈一下怎样简单的实现表单验证. 整片文章目的,通过JQvalidation按表单属性配置规则验证,并将验证结果通过poshyti ...
- jQuery 表单验证插件 jQuery Validation Engine 使用
jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engi ...
随机推荐
- PHP连接Azure Redis
概述 Azure Redis缓存基于流行的开源Redis缓存,可以通过各种Redis客户端进行访问,这些客户端适用于许多编程语言.每个客户端有自身的API,用于通过Redis命令调用Redis缓存实例 ...
- PL/SQL TOAD 不安装Oracle客户端连接数据库的方法
不安装Oracle客户端连接数据库的方法 本机环境: win7 64位中文旗舰版 一.准备工作: 1)到ORACLE官网下载instantclient,下载地址:http://www.oracle.c ...
- javascript 反调试 监听用户打开了Chrome devtool
let div = document.createElement('div'); let loop = setInterval(() => { console.log(div); ...
- Hyper-V 虚拟机无法上网的解决方法
创建一个虚拟机网络交换机 2 创建一个 外部网络如下图所示: 3 添加一个旧版的网络适配器: 4 设置旧版网络适配器: END XP系统的情况 1 启动虚拟机,设置虚拟机IP: 2 输入http:// ...
- HR问“预期薪资是多少”,这么说能加薪zz
每年过完节,收好上一年的年终奖,身边人就开始蠢蠢欲动,招聘市场也异常火爆,节前各种裁员的新闻,过了个节都变成了“我们还要继续招人”. 年景不好,人才更是成了紧俏货.可现实中,我却发现,优质的人才未必能 ...
- CentOS7:gdb出现没有调试信息:Missing Separate debuginfos
现在刚刚开始学习用gdb调试程序,结果:在centos下,出现这样的错误: gdb在调试程序时候提示 Missing separate debuginfos, use: debuginfo-insta ...
- 多线程-join()方法
在很多情况下,主进程创建并启动子线程,如果子线程中要进行大量的耗时运算,主线程往往将早于子线程结束之前结束.这时,如果主线程想等待子线程执行完成之后再结束,比如子线程处理一个数据,主线程要取得这个数据 ...
- atitit.php中的dwr 设计模式
atitit.php中的dwr 设计模式 1. dwr的优点相对于ajax来说.. 1 2. DWR工作原理 1 3. php的dwr实现 1 4. 参考 3 1. dwr的优点相对于ajax来说.. ...
- C#多线程方法同步
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...
- 自己定义滑动删除item的ListView。
首先继承创建继承ListView和实现OnTouchListener,OnGestureListener的类. 会使用到AbsList中的pointToPosition(int x, int y)方法 ...