在MVC3中使用JqueryvalidationDropDown
我已经实现了简单的MVC3应用程序,因为我想要validation控件表单特定的DIV
//视图模型
public class NewStreamViewModel { public NewStreamViewModel() { this.Streams = new List(); this.Subjects = new List(); this.Languages = new List(); } [Display(Name = "Language")] [Required(ErrorMessage = "{0} is Required")] public int? LanguageId {get;set;} [Display(Name = "Stream")] [Required(ErrorMessage = "{0} is Required")] public int? StreamId {get;set;} public int[] SubjectIds {get;set;} public List Languages {get;set;} public List Streams {get;set;} public List Subjects {get;set;} }
//View.cshtml
@using (Html.BeginForm()) { Language @Html.DropDownListFor(m=>m.LanguageId.Value,Model.Languages) @Html.ValidationMessageFor(m=>m.LanguageId.Value) Stream @Html.DropDownListFor(m => m.StreamId.Value, Model.Streams) @Html.ValidationMessageFor(m=>m.StreamId.Value) Subjects @Html.ListBoxFor(m => m.SubjectIds, Model.Subjects, new { Style = "width:300px;" })
} $(function () { var count = 2; $('#wrap').tabs(); $('#addspan').click(function () { var $step = $('#tab1'); var validator = $("form").validate(); // obtain validator var anyError = false; var selects = $('#tab1').find('select'); selects.each(function () { if (!validator.element(this)) { // validate every input element inside this step anyError = true; } }); if (anyError) { return false; } count++; }); });
我如何在jquery的客户端validation这些Drop-Downs?
将此文件添加到您的页面(这将允许客户端validation):
呼叫:
$('form').valid()
如果没有错误,则返回true
如果没有错误,则返回false
,并在输入附近显示错误。
您可以像这样手动validation下拉列表:
$('#addbtn').click(function(){ var ddlvalue= $("#dropdownid option:selected").val(); if(ddlvalue!='-1') { //Do your work. } else alert('Please select product"); });