我需要验证一组复选框,使用MVC3不显眼的验证.我该怎么办?我发现这个并且尝试了,但它不工作.
$(function(){ $.validator.addMethod('cb_selectone',function(value,element){ if(element.length>0){ for(var i=0;i<element.length;i++){ if($(element[i]).val('checked')) return true; } return false; } return false; },'Please select at least one option'); $('#main').validate({rules:{Services:"cb_selectone"}});
…
我的Html:
<input type="checkBox" class="checkBox" name="Services" value="1" /> <input type="checkBox" class="checkBox" name="Services" value="2" /> <input type="checkBox" class="checkBox" name="Services" value="3" />
如果有人提供了服务器端客户端验证的完整解决方案(当然使用MVC3不显眼的验证)将是最好的.
谢谢
解决方法
好的,想出来:
用于服务器验证:
使用数据注释(需要做)
像我这样看待模特儿:
[required(ErrorMessageResourceName = "fld_Service_val_required_lbl",ErrorMessageResourceType = typeof(Resources.Service.Controllers.Firm))] public ICollection<int> Services { get; set; }
为了客户端在我的html验证我添加一个类到我的输入复选框:
<input type="checkBox" class="checkBox required-checkBox" name="Services" value="1" /> <input type="checkBox" class="checkBox required-checkBox" name="Services" value="2" /> <input type="checkBox" class="checkBox required-checkBox" name="Services" value="3" />
并且:
$(function(){ $.validator.addMethod('required_group',element) { var $module = $(element).parents('form'); return $module.find('input.checkBox:checked').length; },'Select at least one Service please'); $.validator.addClassRules('required-checkBox',{ 'required_group' : true });
..
不知道这是否是最好的解决方案,但它的工作:).如果有人知道更好,请发贴.