我能有一个示例代码吗?组名“性别”中的两个单选按钮。如果用户什么都不选择,应该出现一条消息说“选择一个”。我已经对文本框和下拉列表进行了一些自定义验证,但我被单选按钮困住了。
最佳答案
$("form").submit(function(e){
e.preventDefault();
if($(this).find("input[name=Gender]:checked").length === 0){
alert('Gender not selected.');
}
});
您还可以使用所选单选组的 val() 来检查它是未定义的还是一个值。 jsfiddle:http://jsfiddle.net/jh8p3/
asp.net 中的客户端验证
<asp:RadioButtonList ID="Gender" runat="server">
<asp:ListItem Text="Male" Value="Male" />
<asp:ListItem Text="Female" Value="Female" />
</asp:RadioButtonList>
<asp:Button ID="Button1"
Text="Validate"
runat="server" OnClientClick="return validate();" />
<script>
function validate() {
if (checkGender()) {
return true;
}
return false;
}
function checkGender() {
var selectedGenderRB = document.querySelector('#<%=Gender.ClientID%> input:checked');
if (selectedGenderRB) {
return true;
} else {
alert('gender not selected.');
return false;
}
}
</script>
关于javascript - 带有单选按钮的客户端自定义验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18544016/