[英]dropdown list validation using jquery
我想用jQuery驗證dropdownlist
。 我的代碼是:
<asp:DropDownList ID="ddlstate" runat="server" CssClass="dropdown">
<asp:ListItem Value="0" Selected="True"> - Select State - </asp:ListItem>
<asp:ListItem Value="AL">AL</asp:ListItem>
<asp:ListItem Value="AK">AK</asp:ListItem>
<asp:ListItem Value="AZ">AZ</asp:ListItem>
<asp:ListItem Value="AR">AR</asp:ListItem>
<asp:ListItem Value="CA">CA</asp:ListItem>
<asp:ListItem Value="CO">CO</asp:ListItem>
<asp:ListItem Value="CT">CT</asp:ListItem>
</asp:DropDownList>
我的jQuery驗證是:
$(document).ready(function() {
$("#aspnetForm").validate({
rules: <%=ddlstate.UniqueID %>: {
required: "*"
}
},
messages: <%=ddlstate.UniqueID %>: {
required: "*"
},
});
您必須將默認值保留為“”才能起作用。
<asp:DropDownList ID="ddlstate" runat="server" CssClass="dropdown">
<asp:ListItem Value="" Selected="True"> - Select State - </asp:ListItem>
<asp:ListItem Value="AL">AL</asp:ListItem>
...
這應該工作:
jQuery.validator.addMethod("state", function(value, element) {
return /A-ZA-Z/.test(value);
}, "Please select a state");
$("#aspnetForm").validate();
<asp:DropDownList ID="ddlstate" runat="server" CssClass="dropdown state">
如果您正在使用數據綁定來填充表單,則可以手動添加以空字符串作為值的ListItem並將必需的屬性添加到下拉列表中。 然后,如果jquery驗證程序未從列表中選擇其他項,則驗證將失敗。
//aspx.cs code if using databinding
myList.Items.Insert(0, new ListItem("", ""));
// aspx code
<asp:DropDownList ID="myList" runat="server" required="true">/asp:DropDownList>
// js code
var validator = $("#Form1").validate();
嘗試這個。 添加一個名為dropdownvalidator的方法,該方法將驗證下拉菜單
$.validator.addMethod("dropDownValidator", function (value, element, parameters) {
return (value != '0');
});
並在規則中指定dropdownvalidator方法,如下所示
rules: {
myDropdown: {
dropDownValidator: true
}
If($("#ddlstate").Val() =="0")
{
alert("Please select state");
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.