我正在使用优秀的jQuery Validate插件来验证某些表单.在一种形式上,我需要确保用户填写一组字段中的至少一个.我想我有一个很好的解决方案,想分享它. 请提出您可以想到的任何改进建议.
找不到这样做的内置方法,我搜索并找到了Rebecca Murphey的自定义验证方法,这非常有用.
我通过三种方式改进了这个:
所以你可以说"至少必须填充匹配选择器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) 我正在使用ASP.Net MVC3,更简单的方法来使用客户端验证将启用jquery.validate.unobtrusive.对于那些来自服务器的东西,一切正常.
但是当我尝试用javascript注入一些新的"输入"时,我知道我需要调用$.validator.unobtrusive.parse()来重新绑定验证.但是,所有这些动态注入的字段都不起作用.
更糟糕的是,我尝试手动绑定使用jquery.validate它也无法正常工作.有什么想法吗?
我有一个带有几个按钮的表单,我正在使用来自http://jquery.bassistance.de/validate/的 jQuery Validation Plugin .我只是想知道是否有任何方法可以通过我的javascript代码中的任何位置检查表单是否被jquery验证插件视为有效状态.
我有一个表格,可以选择通过Facebook连接预先填充.用户连接后,会自动填写其姓名和电子邮件.问题是这不会触发远程验证以检查电子邮件是否已存在.
有没有办法可以单独调用该字段的验证?就像是:
$('#email-field-only').validate()
会是个主意.通过文档搜索没有运气.
我有一些<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验证插件验证输入,并显示无效的错误消息?
我正在使用带有Data Annotations的ASP .NET MVC和jQuery validate插件.
有没有办法标记某个字段(或某些数据注释)应该只在服务器端验证?
我有一个带有屏蔽插件的电话号码字段,正则表达式验证器在用户端变得疯狂.正则表达式只是一个故障安全(如果有人决定破解javascript验证),所以我不需要它在客户端运行.但我仍然喜欢运行客户端的其他验证.
我使用Visual Studio 2012中的模板创建了一个新的ASP.Net MVC 4项目.升级到jQuery 1.9后,登录功能中断.具体来说,我得到了错误
0x800a138f - JavaScript运行时错误:无法获取未定义或空引用的属性"调用"
在第1172行,jquery.validate.js中的第5列
我该如何解决这个问题?
我正在尝试使用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 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) 我有这样的事情:
<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?