JQuery Validate验证显示错误提示位置



验证多个Name值相同的元素:
$(".send").click(function () {
                var a = 0;
                var b = 0;
                var c = 0;
                var d = 0;
                //重置name值
                $("input[name^=‘ContactName‘]").each(
                  function () {
                      $(this).attr(‘name‘, ‘ContactName[‘ + a + ‘]‘);
                      a++;
                  })
                $("input[name^=‘ContactTel‘]").each(
                  function () {
                      $(this).attr(‘name‘, ‘ContactTel[‘ + b + ‘]‘);
                      b++;
                  })
                $("input[name^=‘Position‘]").each(
                  function () {
                      $(this).attr(‘name‘, ‘Position[‘ + c + ‘]‘);
                      c++;
                  })
                $("input[name^=‘Email‘]").each(
                  function () {
                      $(this).attr(‘name‘, ‘Email[‘ + d + ‘]‘);
                      d++;
                  })
                $("input[name^=‘ContactName‘]").each(
                  function () {
                      $(this).rules("add", { required: true, messages: { required: "请填写联系人" },});
                      $(this).rules("add", { maxlength: 50, messages: { maxlength: "联系人最大长度不能大于50" }, });
                  })
                $("input[name^=‘ContactTel‘]").each(
                  function () {
                      $(this).rules("add", { required: true, messages: { required: "请填写联系方式" }, });
                      $(this).rules("add", { maxlength: 50, messages: { maxlength: "联系人最大长度不能大于50" } });
                      $(this).rules("add", { PhoneCheck: true, messages: { PhoneCheck: "请正确填写您的联系方式" } });
                  })
                $("input[name^=‘Position‘]").each(
                  function () {
                      $(this).rules("add", { required: true, messages: { required: "请填写职务" }, });
                  })
                $("input[name^=‘Email‘]").each(
                  function () {
                      $(this).rules("add", { MailCheck: true, messages: { MailCheck: "请填写正确的邮件格式" }, });
                      //$(this).rules("add", { required: true, messages: { required: "请填写联系邮箱" }, });
                  })
                $("#mainform").submit();
                $(this).attr(‘disabled‘, true);
                if (!$("#mainform").valid()) {
                    $(this).attr(‘disabled‘, false);
                }
            })
        })

效果图:




  

显示元素位置: 1 $("#mainform").validate({
 2                 errorPlacement: function (error, element) {
 3                     if (element.parent().hasClass("input-group")) {
 4                         element.parent().after(error);
 5                     }
 6                     else
 7                         element.after(error)
 8                 },
 9                 errorPlacement: function (error, element) {
10                     error.appendTo(element.parent()); //直接把错误信息加在验证元素后··
11                 },
12                 rules: {
13                     CustomerName: {
14                         required: true,
15                         maxlength: 50,
16                         remote: {
17                             url: ‘/crm/Customer/CheckCustomName‘,
18                             type: ‘Post‘,
19                             data: {
20                                 CustomerName: function () { return $("#CustomerName").val() },
21                                 id: function ()
22                                 {
23                                     if ($("#Id").val() == undefined) {
24                                         return 0;
25                                     } else {
26                                         return $("#Id").val();
27                                     }
28                                 }
29                             }
30                         }
31                     },
32                     OwnerId: {
33                         required:true
34                     },
35                     CustomerType:{
36                         required:true
37                     },
38                     Address:{
39                         required: true,
40                         maxlength: 100
41                     },
42                     IndustryId: {
43                         required: true
44                     },
45                     Capital: {
46                         number: true,
47                         min: 0.001,
48                         maxlength: 8
49                     }
50                 },
51                 messages: {
52                     CustomerName: {
53                         required: ‘请输入客户名称‘,
54                         maxlength: ‘客户名称最大长度为50‘,
55                         remote:‘客户名称不能重复‘
56                     },
57                     CustomerType: {
58                         required: ‘请选择客户类型‘
59                     },
60                     Address: {
61                         required: ‘请输入地址‘,
62                         maxlength: ‘客户名称最大长度为50‘
63                     },
64                     OwnerId: {
65                         required: ‘请选择对接人‘
66                     },
67                     IndustryId: {
68                         required: ‘请选择行业‘
69                     },
70                     Capital: {
71                         number: ‘注册资金必须为数字‘,
72                         min: ‘注册资金最小为0.001万元‘,
73                         maxlength:‘注册资金最长单位为8位‘
74                     }
75                 }
76             });
时间: 2024-10-14 15:10:04

JQuery Validate验证显示错误提示位置的相关文章

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: "只能输入整数

【转】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验证框架详解(转)

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验证库的使用介绍

jQuery.Validate验证库1.下载jquery.validate,这里我提供jquery-validation-1.9.0,点击下载 默认校验规则 (1)required:true               必输字段(2)remote:"check.php"          使用ajax方法调用check.php验证输入值(3)email:true                  必须输入正确格式的电子邮件(4)url:true                    必

ligerui的jquery.validate验证需要添加validate=&quot;{required:true,minlength:8,equalTo:&#39;#newpassword&#39;}&quot;

ligerui的jquery.validate验证需要添加validate="{required:true,minlength:8,equalTo:'#newpassword'}" ligerui的jquery.validate验证需要添加validate="{required:true,minlength:8,equalTo:'#newpassword'}"

jquery.validate 验证机制

jquery.validate 验证机制 金刚 juqery juqery.validate 在开发系统时,使用了jquery.validate.js 这个验证插件,来校验数据合法性 重点 验证是以input的name值来验证的,不是通过id来验证的. 说明 序号 规则 描述 1 required:true 必须输入的字段. 2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值. 3 email:true 必须输入正确格式的电子邮件. 4

自整理的jquery.Validate验证表达式

自整理几个jquery.Validate验证正则: 1. 只能输入数字和字母    /^[0-9a-zA-Z]*$/g jQuery.validator.addMethod("letters", function (value, element) { return this.optional(element) || /^[0-9a-zA-Z]*$/g.test(value); }, "只能输入数字和字母!"); 2. 数量必须是正整数     /^\+?[1-9]\

asp.net 结合本地jQuery使在提交时显示错误提示

最近在做一个项目,做的表单有的比较长,如果直接点提交,错误提示有时可能用户看不见,对用户体验不好.还有客户端提交有点慢,担心用户重复提交,于是做了个检测用户提交表单验证是否有错误,没错误就提交,且把按钮提交禁用;有错误时弹窗提示错误,且把焦点移至错误输入控件. 步骤1.页面引入jQuery. 步骤2.查看错误提示中都是用的css类d 步骤3 :引入自定义的js代码: function SubmitInfo() { var curentControlId; var isSubmit = true;