【问题标题】：Client side custom validation with radiobuttons带有单选按钮的客户端自定义验证
【发布时间】：2013-08-31 02:55:14
【问题描述】：

我可以提供一个示例代码吗？组名称“性别”中的两个单选按钮。如果用户什么都不选择，应该会出现一条消息，说“选择一个”。我已经使用文本框和下拉列表进行了一些自定义验证，但我被单选按钮卡住了。

【问题讨论】：

将选中的选项添加到您的单选按钮之一，这将为您的收音机提供默认值

【解决方案1】：

$("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>

【讨论】：

你能翻译一下这个包括asp.net中的自定义验证吗？
m，我使用单选按钮，而不是单选按钮列表。

【解决方案2】：

小小提琴怎么样

http://jsfiddle.net/bTf2R/

$('input[type=radio]').change(function(){
    $('p').text('Thanks');
    
});

【讨论】：