通过将选择选项与文本框内容进行比较来验证texbox

时间:2014-10-16 20:33:59

标签: javascript jquery html asp.net

所以我有一个添加联系人页面,如果他们试图输入现有的联系人姓名,我需要弹出错误消息或将输入标记为无效。

可能会有一个填充了选项的选项。但是我不确定如何将select的选项值与texbox ....进行比较....

我需要检查联系人文本框中的文本是否存在于任何选择选项中。

 <asp:DropDownList ID="ContactsDropdown" 
  runat="server" AutoPostBack="true"OnSelectedIndexChanged="OnContactChanged" 
 </asp:DropDownList>

 <asp:TextBox ID="Contact" runat="server" TextMode="SingleLine" />

1 个答案:

答案 0 :(得分:1)

首先,不要忘记将ClientIDMode="Static"添加到ContactsDropdownContact控件中,以便您可以使用jquery.More info here获取select元素。

然后你可以使用这个简单的条件:

var exists= $("#ContactsDropdown option[value='"+ $("#Contact").val()+"']").length > 0;
if (exists)
{
alert("Error - > Exists!")
//or do something 
}
else{
//do something else
}

希望它有所帮助!