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 表单验证,自定义规则验证方法的更多相关文章

  1. jQuery Validation Engine 表单验证

    功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. 兼容 IE 6+, Chrome, ...

  2. Validation Engine 表单验证

    前端开发仓库 » jQuery » jQuery Validation Engine 表单验证 jQuery Validation Engine 表单验证来源 功能强大的 jQuery 表单验证插件, ...

  3. jquery.validation.js 表单验证

    jquery.validation.js 表单验证   官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuer ...

  4. jQuery中防止表单提交两次的方法

    遇到过表单提交两次的情况,做个记录: 解决场景:首先是表单验证,其次是防止多次提交表单: jQuery中插件:validate_submitHandler_plugin,具体的可以使用关键字搜索: 使 ...

  5. jQuery Validation Engine(三) 基本常识

    1:response.validateFail(fieldId, "机构英文名已被其他人使用"); //field为这个字段的id,”“ 双引号的内容,是提示语 <!DOCT ...

  6. jQuery Validation Engine(二) checkHello data-errormessage

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

  7. jQuery Validation Engine

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

  8. 使用jquery.validation+jquery.poshytip做表单验证--未完待续

    jqueryValidate的具体使用方法很多,这里就不在赘述,这一次只谈一下怎样简单的实现表单验证. 整片文章目的,通过JQvalidation按表单属性配置规则验证,并将验证结果通过poshyti ...

  9. jQuery 表单验证插件 jQuery Validation Engine 使用

    jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engi ...

随机推荐

  1. 全面进攻python之前回顾下自己近三个月的自学之路

    人生是在一直试错的过程中成长起来的.这句话貌似很有道理,但回顾了下自己近三个月python自学学习之路,又觉得自己对这句话又有了新的看法------行动之前必须要有正确的选择,这样做错了才能成长. 2 ...

  2. .Net程序员面试 每个人都应知道篇 (回答Scott Hanselman的问题)

    昨天回答了Scott Hanselman在他清单上关于C#那部分的题目,.Net 程序员面试 C# 语言篇 (回答Scott Hanselman的问题),今天接着回答他在清单上列出的"每个写 ...

  3. XML 实体扩展攻击libxml_disable_entity_loader

    XML 实体扩展攻击libxml_disable_entity_loader https://pay.weixin.qq.com/index.php/public/cms/content_detail ...

  4. Makefile 多个目标匹配的问题

    在windows下直接使用mingw32-make # ZTHREAD_A the static link library file of ZThread ZTHREAD_A = F:/ZJ/tool ...

  5. STL源代码剖析——STL算法stl_algo.h

    前言 在前面的博文中剖析了STL的数值算法.基本算法和set集合算法.本文剖析STL其它的算法,比如排序算法.合并算法.查找算法等等.在剖析的时候.会针对函数给出一些样例说明函数的使用.源代码出自SG ...

  6. Java实现ZIP解压功能

    1.引入依赖 <dependency> <groupId>org.apache.ant</groupId> <artifactId>ant</ar ...

  7. Flow construction SGU - 176 有源汇有上下界最小流 二分法和回流法

    /** 题目:Flow construction SGU - 176 链接:https://vjudge.net/problem/SGU-176 题意: 有源汇有上下界的最小流. 给定n个点,m个管道 ...

  8. pip 使用技巧

    指定豆瓣源安装 pip install configparser -i http://pypi.douban.com/simple/ --trusted-host=pypi.douban.com/si ...

  9. YAML 语法小结

    专门用来写配置文件的语言,非常简洁和强大,远比 JSON 格式方便. 使用缩进表示层级关系 缩进时不允许使用Tab键,只允许使用空格. 缩进的空格数目不重要,只要相同层级的元素左侧对齐即可 # 表示注 ...

  10. Tensorflow之改变tensor形状

    https://www.tensorflow.org/versions/r0.12/api_docs/python/array_ops.html#reshape 例子: # tensor 't' is ...