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

Question

因此，我有一个添加联系人页面，如果他们尝试输入已经存在的联系人姓名，我需要在其中弹出错误消息或将输入标记为无效。

可能会出现一个填充选项的选择。但是我不确定如何将选择的选项值与文本框进行比较......

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

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

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

Answer 1

首先，不要忘记将 ClientIDMode="Static" 添加到 ContactsDropdown 和 Contact 控件中，这样您就可以获得使用 jquery 选择元素。更多信息 here 。

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

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

希望对你有帮助!