标签: jquery-validate

忽略所有隐藏的div而不是jQuery验证中的div

我在我的表单中使用jQuery验证 http://jqueryvalidation.org/documentation/

我想将验证添加到我的所有字段,但我想忽略具有类"my_item"的隐藏div.

所以这是我的Jquery:

 $("#myform").validate({ 
    ignore: ":hidden"
 });
Run Code Online (Sandbox Code Playgroud)

如何从这个忽略的情况中排除具有类my_item的div.所以像div.

提前致谢

jquery hidden jquery-validate

29
推荐指数
2
解决办法
2万
查看次数

jQuery Validation插件自定义方法.多个参数

我正在尝试使用带有jQuery Validation插件的自定义验证器.但是,我不确定你应该如何将多个参数传递给验证方法?我尝试过使用(2,3)花括号和组合,但是我失败了.

这是代码 - ???? 标记我需要的信息区域:

$(document).ready(function() {
        jQuery.validator.addMethod("math", function(value, element, params) {
            return this.optional(element) || value == params[0] + params[1];
        }, jQuery.format("Please enter the correct value for {0} + {1}"));

        $("#form_register").validate({
            debug: true,
            rules: {
                inputEl: { required: true, math: ???? }
            },
            messages: {
                inputEl: { required: "Required", math: "Incorrect result" }
            }
        });
});
Run Code Online (Sandbox Code Playgroud)

jquery jquery-validate

28
推荐指数
2
解决办法
3万
查看次数

将jQuery验证器规则添加到ASP中动态创建的元素

我在MVC3项目的页面上有一些动态插入的表单字段.通常我们会添加jQuery验证服务器端,但在这种情况下我们不能(UI中的多个字段生成一个隐藏字段的值 - 这就是提交的内容.我们无法验证隐藏字段,所以我们必须为用户可以看到的字段添加仅UI验证)

将字段动态添加到页面后,我在容器上运行以下代码:

$container.find(".date").rules("add", {
    required: true,
    messages: {
        required: "The date is required"
    }
});
Run Code Online (Sandbox Code Playgroud)

但它不起作用!奇怪的是,禁用上面的代码,创建动态元素,然后在浏览器JS控制台中运行代码,但只显示默认验证消息.

我不知所措.有任何想法吗?

我正在使用jQuery Validation 1.9.0和不引人注目的插件

asp.net jquery jquery-validate unobtrusive-validation

28
推荐指数
2
解决办法
4万
查看次数

JQuery Validate下拉列表

我正在使用此处的验证插件.我正在尝试强制用户在下拉列表中选择一个选项,所以这是我的html列表:

Select the best option<br/>
<select name="dd1" id="dd1">
<option value="none">None</option>
<option value="o1">option 1</option>
<option value="o2">option 2</option>
<option value="o3">option 3</option>
</select> <br/><br/>?
Run Code Online (Sandbox Code Playgroud)

这是jquery验证的东西:

$("#everything").validate({
    onsubmit: true,
    rules: {
     dd1: {
      required: {
        depends: function(element) {
            return $("#dd1").val() == "none";
        }
      }
    },
    messages: {
     dd1: {
      required: "Please select an option from the list, if none are appropriate please select 'Other'",
     },
    }
});
Run Code Online (Sandbox Code Playgroud)

我没有看到任何问题,但即使我从下拉列表中选择none并单击submit,它也不会验证它,因此不会显示任何消息.谁能告诉我我做错了什么?

html validation jquery jquery-validate drop-down-menu

28
推荐指数
2
解决办法
11万
查看次数

动态jQuery使用AddMethod基于元素验证错误消息

假设我有一个自定义AddMethod到jQuery Validate,如:

$.validator.addMethod('min-length', function (val, element) {
    // do stuff

// the error message here needs to be dynamic
}, 'The field cannot be less than than '
     + element.attr('data-min') + // it is within the closure, but it can't grab it
   ' length.');
Run Code Online (Sandbox Code Playgroud)

我无法找到一种方法来获取有问题的元素变量,并从中获取任何值.我在这里错过了什么?

javascript validation jquery jquery-validate

28
推荐指数
2
解决办法
3万
查看次数

$("#form1").validate不是函数

<script type="text/javascript">
<!--
$(document).ready(function() { 
      $("#form1").validate({ 
        rules: { 
         budget: {
            required: true,
             minlength:3
        } ,
       duration: {
            required: true,
            digits:true
        }, 
         town: {
            required: true,
             minlength:2

        },

       content: {
            required: true,
            minlength:300 

        }
         }, 
        messages: { 


        } 
          }); 
        });
        -->
</script>
Run Code Online (Sandbox Code Playgroud)

包含两个jquery文件.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="../common/jquery.validate.js"></script>
Run Code Online (Sandbox Code Playgroud)

被包含在内.包含没有错.

我收到了一条错误消息

$("#form1").验证不是函数有什么问题?

jquery jquery-validate

27
推荐指数
3
解决办法
10万
查看次数

Jquery Validation插件自定义错误放置

使用以下表单的jQuery Validation插件:

<form id="information" method="post" action="#">

            <fieldset>
                <legend>Please enter your contact details</legend>
                <span id="invalid-name"></span>
                <div id="id">
                    <label for="name">Name: (*)</label>
                    <input type="text" id="name" class="details" name="name" maxlength="50" />
                </div>

                <span id="invalid-email"></span>
                <div id="id">
                    <label for="email">Email: (*)</label>
                    <input type="text" id="email" class="details" name="email" maxlength="50" />
                </div>
            </fieldset>
            <fieldset>
                <legend>Write your question here (*)</legend>
                <span id="invalid-text"></span>
                <textarea  id="text" name="text" rows="8" cols="8"></textarea>


            <div id="submission">
                <input type="submit" id="submit" value="Send" name="send"/>
            </div>
            <p class="required">(*) Required</p>
            </fieldset>

             </form>
Run Code Online (Sandbox Code Playgroud)

如何将错误放在span标签内?(#valid-name,#invalid-email,#invalid-text)

我阅读了有关错误放置的文档但我没有得到它的工作原理.是否可以处理每个错误并将其放在指定的元素中?

谢谢

jquery-validate

27
推荐指数
2
解决办法
7万
查看次数

jquery确认密码验证

我正在使用jquery进行表单验证.休息很好,除了确认密码字段.即使输入相同的密码,请输入相同的密码.没有删除.

我的脚本是:

  <script type="text/javascript">
    $(document).ready(function() {
      $("#form1").validate({
        rules: {
          password: { 
                required: true, minlength: 5
          }, 
          c_password: { 
                required: true, equalTo: "#password", minlength: 5
          }, 
        email: {
          required: true, email: true
          },
        phone: {
          required: true, number: true, minlength: 7
          },
        url: {
          url: true
        },
        description: {
          required: true
        },
        gender: {
             required: true
          }
        },
        messages: {
         description: "Please enter a short description.",
         gender: "Please select your gender."

        }
      });
    });
     -->
  </script>
Run Code Online (Sandbox Code Playgroud)

在表单标签内: …

javascript jquery jquery-validate

27
推荐指数
2
解决办法
6万
查看次数

jQuery只在SUBMIT验证规则

假设我有一个查找城市,州位置的表单.如果用户输入了错误的城市,状态,我希望表单能够根据用户输入检查数据库,并查看输入是否有效.如果不是,我希望用户提示.

因此,表单Validate是我的插件.

$("#form").validate({
    rules: {
       citystate: {
           required: true,
           myCustomAjaxSyncronousCheckAgainstDBRule: true
       }

    submitHandler: function(form) {
        if ($("#form").valid()) {
            form.submit();
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

现在说这个表单必须在我的网站的4个不同的地方使用,所以很难重构myCustomAjaxSyncronousCheckAgainsDBRule(伪名称btw)并在我的网站上有4次相同的代码.这就是我在JS文件中创建自定义规则的原因.但有没有办法只能在提交时检查规则.因为如果用户输入无效,它将在每次击键时检查它,这可能非常麻烦.特别是因为我有jQuery.ui.autocomplete运行unjuction.

jquery jquery-validate

27
推荐指数
6
解决办法
5万
查看次数

jQuery验证文件上传

我正在尝试使用jQuery Validate验证HTML文件上载

我发现我可以使用meta选项,如:

$("#myform").validate({
   meta: "validate"
})

<input type="file" name="upload" class="{validate:{required:true,accept:'docx?|pdf'}}" />
Run Code Online (Sandbox Code Playgroud)

但它似乎不起作用.我还是需要添加这个required类.那么文件类型检查当然也不会起作用.我需要做些额外的事情吗?

jquery jquery-validate

27
推荐指数
3
解决办法
8万
查看次数