jquery自定义控件验证篇

QQ:1187362408 欢迎技术交流和学习

jquery自定义控件验证篇(自定义控件):

TODO:

1,关于普通的jquery.validater.js验证,略

2,自定义控件验证:

<span style="color:#000000;">function CheckInput() {
    var result = $("#form1").validate({
        rules: {
            uc_btnSelectArea1$txtAreaName: {
                requiredgPID: true
            },
            procheckbox: {//省级角色
                requiredproCheck: true
            },
            citycheckbox: {//市级角色
                requiredcityCheck: true
            },
            councheckbox: {//县角色
                requiredcounCheck: true
            },
            towncheckbox: {//乡镇角色
                requiredtownCheck: true
            },
            villcheckbox: {//村级角色
                requiredvillCheck: true
            },
            girdcheckbox: {//网格角色
                requiredgirdCheck: true
            }
        }
    });
    return result.form();
};
//[省]用户角色必选
jQuery.validator.addMethod("requiredproCheck", function (value, element) {
    var chkvalue = false;
    var areacode = $("#uc_btnSelectArea1_hidAreaCode").val();
    var areaLevel = GetJbByCode(areacode);//勾选的当前地区级别(0:省级1:市级2:县级3:乡镇级4:村级)
    if (areaLevel < 1) {
        $("[name='procheckbox'][checked]").each(function () {
            chkvalue = true;
        });
    } else {
        chkvalue = true;
    }
    return chkvalue;
}, "*至少选择一个省级用户角色")
//[市]用户角色必选
jQuery.validator.addMethod("requiredcityCheck", function (value, element) {
    var chkvalue = false;
    var areacode = $("#uc_btnSelectArea1_hidAreaCode").val();
    var areaLevel = GetJbByCode(areacode);//勾选的当前地区级别(0:省级1:市级2:县级3:乡镇级4:村级)
    if (areaLevel < 2) {
        $("[name='citycheckbox'][checked]").each(function () {
            chkvalue = true;
        });
    } else {
        chkvalue = true;
    }
    return chkvalue;
}, "*至少选择一个市级用户角色")
//[县]用户角色必选
jQuery.validator.addMethod("requiredcounCheck", function (value, element) {
    var chkvalue = false;
    var areacode = $("#uc_btnSelectArea1_hidAreaCode").val();
    var areaLevel = GetJbByCode(areacode);//勾选的当前地区级别(0:省级1:市级2:县级3:乡镇级4:村级)
    if (areaLevel < 3) {
        $("[name='councheckbox'][checked]").each(function () {
            chkvalue = true;
        });
    } else {
        chkvalue = true;
    }
    return chkvalue;
}, "*至少选择一个县级用户角色")
//[乡镇]用户角色必选
jQuery.validator.addMethod("requiredtownCheck", function (value, element) {
    var chkvalue = false;
    var areacode = $("#uc_btnSelectArea1_hidAreaCode").val();
    var areaLevel = GetJbByCode(areacode);//勾选的当前地区级别(0:省级1:市级2:县级3:乡镇级4:村级)
    if (areaLevel < 4) {
        $("[name='towncheckbox'][checked]").each(function () {
            chkvalue = true;
        });
    } else {
        chkvalue = true;
    }
    return chkvalue;
}, "*至少选择一个乡镇级用户角色")
//[村]用户角色必选
jQuery.validator.addMethod("requiredvillCheck", function (value, element) {
    var chkvalue = false;
    var areacode = $("#uc_btnSelectArea1_hidAreaCode").val();
    var areaLevel = GetJbByCode(areacode);//勾选的当前地区级别(0:省级1:市级2:县级3:乡镇级4:村级)
    if (areaLevel < 5) {
        $("[name='villcheckbox'][checked]").each(function () {
            chkvalue = true;
        });
    } else {
        chkvalue = true;
    }
    return chkvalue;
}, "*至少选择一个村级用户角色")
//[网格]用户角色必选
jQuery.validator.addMethod("requiredgirdCheck", function (value, element) {
    var chkvalue = false;
    var areacode = $("#uc_btnSelectArea1_hidAreaCode").val();
    var areaLevel = GetJbByCode(areacode);//勾选的当前地区级别(0:省级1:市级2:县级3:乡镇级4:村级)
    if (areaLevel < 6) {
        $("[name='girdcheckbox'][checked]").each(function () {
            chkvalue = true;
        });
    } else {
        chkvalue = true;
    }
    return chkvalue;
}, "*至少选择一个网格用户角色")

jQuery.validator.addMethod("requiredgPID", function (value, element) {
    return value != "";
}, "*地区不能为空!");</span>
时间: 2024-10-30 23:41:18

jquery自定义控件验证篇的相关文章

[Aaronyang] 写给自己的WPF4.5 笔记11[自定义控件-AyImageButton篇 1/4]

我的文章一定要对读者负责-否则不是好文章  ----       www.ayjs.net  aaronyang技术分享 文章导航: 介绍vs2013 WPF开发,属性代码相关技巧 实战AyImageButton 1.0细用慢讲,学会用户控件,依赖属性,属性回调事件 诞生AyImageButton 1.1 支持 控件简单写法,支持自定义AyImageButton写法,提供详细的API 效果图: AyImageButton记录 源码下载:http://pan.baidu.com/s/1eQlHly

jquery+ajax验证不通过也提交表单问题处理

这篇文章主要介绍了jquery validationEngine中使用ajax验证不通过也提交表单问题处理,需要的朋友可以参考下 validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证. 这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例

MVC验证11-对复杂类型使用jQuery异步验证

原文:MVC验证11-对复杂类型使用jQuery异步验证 本篇体验使用"jQuery结合Html.BeginForm()"对复杂类型属性进行异步验证.与本篇相关的"兄弟篇"包括: MVC验证08-jQuery异步验证    MVC验证09-使用MVC的Ajax.BeginForm方法实现异步验证    MVC验证10-到底用哪种方式实现客户端服务端双重异步验证 准备工作 □ js方面:1.jquery的某个版本2.jquery.validate.js3.jquery

ASP.NET MVC的客户端验证:jQuery的验证

http://www.cnblogs.com/artech/archive/2012/06/17/client-validation-01.html 之前我们一直讨论的Model验证仅限于服务端验证,即在Web服务器根据相应的规则对请求数据实施验证.如果我们能够在客户端(浏览器)对用户输入的数据先进行验证,这样会减少针对服务器请求的频率,从而缓解Web服务器访问的压力.ASP.MVC 2.0及其之前的版本采用ASP.NET Ajax进行客户端验证,在ASP.NET MVC 3.0中,jQuery

jQuery.validator 验证规则详解

前言:jQuery.validator是一款非常不错的表单验证插件,验证方式非常简单方便,它还对HTML5做了兼容处理,了解了验证规则,就基本掌握了它的使用,下面就让我一一道来 jQuery.validator 验证规则 一.在元素的class属性中添加需要验证的规则,多个规则以空格隔开 <label>邮箱:</label> <input class="required email" type="text" name="ema

ASP.NET MVC学习之模型验证篇

一.学习前的一句话 在这里要先感谢那些能够点开我随笔的博友们.慢慢的已经在博客园中度过一年半了,伊始只是将博客园作为自己学习的记录本一样使用,也不敢将自己的随笔发表到博客园首页,生怕自己的技艺不高,反倒成了笑话.但是随着时间的推移,再也按捺不住这种想法,于是就写了一篇随笔发表到博客园首页.让我意想不到的是有许多人都看了,而且也留下了评论.这让我鼓起勇气写了第二.三.四篇.到现在的连载,这里我希望那些从未发表过随笔的人可以尝试去发表,在这里他人不会嘲讽你,而是会给你更好的建议.说了这么多下面我们继

在MVC应用程序中使用jQuery的验证

呵呵,觉得很久没有写博客了,均是工作忙于公司的ERP系统,这是正确的,因为这才是真正的工作. 今天想写点在MVC应用程序中,使用jQuery来验证.在进行之前,还是先回看一下<MVC会员注册>http://www.cnblogs.com/insus/p/3439599.html 这里有些问题需要改正的,如密码文本框,需要把type="text"改为type="password",这样在输入密码时,就不再是明显的了. 另外,所有文本框均没有做验证,是否为必

jQuery Validate验证框架详解

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

JQuery validate验证规则

//定义中文消息 var cnmsg = { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digits: "只能输入整数