标签: jquery-validate

jQuery Validate - 要求填充组中的至少一个字段

我正在使用优秀的jQuery Validate插件来验证某些表单.在一种形式上,我需要确保用户填写一组字段中的至少一个.我想我有一个很好的解决方案,想分享它. 请提出您可以想到的任何改进建议.

找不到这样做的内置方法,我搜索并找到了Rebecca Murphey的自定义验证方法,这非常有用.

我通过三种方式改进了这个:

  1. 让您传入一组字段的选择器
  2. 允许您指定必须填充该组的数量才能通过验证
  3. 一旦其中一个输入通过验证,就将组中的所有输入显示为通过验证.(见呼喊出到尼克Craver在结束).

所以你可以说"至少必须填充匹配选择器Y的X输入."

最终结果,标记如下:

<input class="productinfo" name="partnumber">
<input class="productinfo" name="description">
Run Code Online (Sandbox Code Playgroud)

......是一组这样的规则:

// Both these inputs input will validate if 
// at least 1 input with class 'productinfo' is filled
partnumber: {
   require_from_group: [1,".productinfo"]
  }
description: {
   require_from_group: [1,".productinfo"]
}
Run Code Online (Sandbox Code Playgroud)

项目#3假定您.checked在成功验证后添加了一类错误消息.你可以这样做如下,这里展示.

success: function(label) {  
        label.html(" ").addClass("checked"); 
}
Run Code Online (Sandbox Code Playgroud)

正如在上面链接的演示中,我使用CSS给每个span.errorX图像作为其背景,除非它有类.checked,在这种情况下它获得一个复选标记图像.

到目前为止,这是我的代码:

jQuery.validator.addMethod("require_from_group", function(value, element, options) {
    var numberRequired = options[0];
    var selector …
Run Code Online (Sandbox Code Playgroud)

validation jquery jquery-plugins jquery-validate

98
推荐指数
3
解决办法
7万
查看次数

jquery.validate.unobtrusive不使用动态注入元素

我正在使用ASP.Net MVC3,更简单的方法来使用客户端验证将启用jquery.validate.unobtrusive.对于那些来自服务器的东西,一切正常.

但是当我尝试用javascript注入一些新的"输入"时,我知道我需要调用$.validator.unobtrusive.parse()来重新绑定验证.但是,所有这些动态注入的字段都不起作用.

更糟糕的是,我尝试手动绑定使用jquery.validate它也无法正常工作.有什么想法吗?

jquery-validate unobtrusive-validation asp.net-mvc-3

98
推荐指数
6
解决办法
7万
查看次数

如何使用jQuery Validation Plugin以编程方式检查表单是否有效

我有一个带有几个按钮的表单,我正在使用来自http://jquery.bassistance.de/validate/的 jQuery Validation Plugin .我只是想知道是否有任何方法可以通过我的javascript代码中的任何位置检查表单是否被jquery验证插件视为有效状态.

javascript jquery jquery-validate

85
推荐指数
5
解决办法
20万
查看次数

jQuery Validate Plugin - 单个字段的触发验证

我有一个表格,可以选择通过Facebook连接预先填充.用户连接后,会自动填写其姓名和电子邮件.问题是这不会触发远程验证以检查电子邮件是否已存在.

有没有办法可以单独调用该字段的验证?就像是:

$('#email-field-only').validate()

会是个主意.通过文档搜索没有运气.

javascript validation jquery jquery-validate

84
推荐指数
6
解决办法
9万
查看次数

如何使用"选择"插件进行jQuery验证?

我有一些<select>使用所选插件的输入,我想在客户端验证为"必需".由于"selected"隐藏了实际的select元素并创建了一个包含div和spans的小部件,因此本机HTML5验证似乎无法正常工作.表单将不会提交(这是好的),但错误消息未显示,因此用户不知道什么是错的(这不好).

我已经转向jQuery验证插件(我计划最终使用它)但到目前为止还没有任何运气.这是我的测试用例:

<form>
    <label>Name: <input name="test1" required></label>
    <label>Favorite Color:
        <select name="test2" required>
            <option value=""></option>
            <option value="red">Red</option>
            <option value="blue">Blue</option>
            <option value="green">Green</option>
        </select>
    </label>
    <input type="submit">
</form>
Run Code Online (Sandbox Code Playgroud)
$(document).ready(function(){
    $('select').chosen();
    $('form').validate();
});
Run Code Online (Sandbox Code Playgroud)

这样可以select使用空值,而无需验证或显示错误消息.当我注释掉这chosen()条线时,它运行正常.

如何chosen()使用jQuery验证插件验证输入,并显示无效的错误消息?

jquery jquery-validate jquery-chosen

72
推荐指数
3
解决办法
5万
查看次数

ASP .NET MVC在每个字段级别禁用客户端验证

我正在使用带有Data Annotations的ASP .NET MVC和jQuery validate插件.

有没有办法标记某个字段(或某些数据注释)应该只在服务器端验证?

我有一个带有屏蔽插件的电话号码字段,正则表达式验证器在用户端变得疯狂.正则表达式只是一个故障安全(如果有人决定破解javascript验证),所以我不需要它在客户端运行.但我仍然喜欢运行客户端的其他验证.

c# validation asp.net-mvc jquery jquery-validate

69
推荐指数
5
解决办法
7万
查看次数

使用jQuery 1.9的MVC 4项目中的jquery.validate.js出错

我使用Visual Studio 2012中的模板创建了一个新的ASP.Net MVC 4项目.升级到jQuery 1.9后,登录功能中断.具体来说,我得到了错误

0x800a138f - JavaScript运行时错误:无法获取未定义或空引用的属性"调用"

在第1172行,jquery.validate.js中的第5列

我该如何解决这个问题?

jquery jquery-validate unobtrusive-validation

62
推荐指数
4
解决办法
7万
查看次数

使用jQuery Validate确认密码

我正在尝试使用jQuery validate插件来确认我的密码输入.

但是,我不希望它成为必填字段.

只要用户想要更改密码,他们就需要确认密码.

如果不是,则不应验证这两个字段.

jQuery('.validatedForm').validate({
    rules: {
        password: {
            required: true,
            minlength: 5
        },
        password_confirm: {
            required: true,
            minlength: 5,
            equalTo: "#password"
        }
    }
}); 
Run Code Online (Sandbox Code Playgroud)

这是完美的,但同样,这两个领域都是必需的.

我希望有这个可选项,以防有人想要更改例如他们的电子邮件或用户名并单独保留密码.

jquery jquery-validate

62
推荐指数
4
解决办法
18万
查看次数

jQuery Validation插件 - 验证隐藏的输入并且不可见?

如何使用jQuery Form Validation插件验证隐藏的输入和不可见的文本输入?问题是,我正在使用自动建议插件,它为所选项目生成隐藏输入:

<input id="hiddenInput" type="hidden" name="something" value="1" />
Run Code Online (Sandbox Code Playgroud)

我有2个像这样的输入(它们都只允许1个项目),我想验证并在父项中显示错误<td>.这是我到目前为止所得到的,但如果该值实际上是一个数字,它不会显示错误或提交表单.

$("#form1").validate({
        rules: {
            something: {
                number:true,
                min:1,
                required:true
            }
        }
        })
Run Code Online (Sandbox Code Playgroud)

jquery jquery-validate

61
推荐指数
4
解决办法
8万
查看次数

jquery验证至少检查一个复选框

我有这样的事情:

<form>
<input name='roles' type='checkbox' value='1' />
<input name='roles' type='checkbox' value='2' />
<input name='roles' type='checkbox' value='3' />
<input name='roles' type='checkbox' value='4' />
<input name='roles' type='checkbox' value='5' />
<input type='submit' value='submit' />
<form>
Run Code Online (Sandbox Code Playgroud)

我想验证是否应该检查至少一个复选框(角色),是否可以使用jquery.validate?

javascript jquery jquery-validate

57
推荐指数
5
解决办法
12万
查看次数