Question

在我的ASPX页面中，我有一个输入无线电按钮控件：

<input type="radio" name="rbBool" value="Yes" runat="server" id="rbpYes" />
                   Yes
                    <input type="radio" name="rbBool" value="No" runat="server" 
id="rbpNo" />
                    No

我想进行客户端验证，以便在我点击此按钮时检查用户是否选择了单个选项：

    <asp:Button runat="server" ID="bnSavePopup" Text="Save" 
 OnClick="BnSaveCarClassDetailsClick" ValidationGroup="CheckControls"/>

有人可以建议如何使用javascript完成此操作吗？

Answer 1

您需要使用属性OnClientClick，这将调用javascript函数，并将根据clientside函数的返回值（true / false）触发服务器端click事件。

<head runat="server">
    <title></title>
    <script type="text/javascript">
        function validate_radios() {
            if (document.getElementById("rbpYes").value == true || document.getElementById("rbpNo").value == true) {

                return true;
            }
            else {
                alert("Please select Yes or No");
                return false;
            }
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input type="radio" name="rbBool" value="Yes" runat="server" id="rbpYes" />
            Yes
                    <input type="radio" name="rbBool" value="No" runat="server"
                        id="rbpNo" />
            No
            <asp:Button runat="server" ID="bnSavePopup" Text="Save"
                OnClick="BnSaveCarClassDetailsClick" ValidationGroup="CheckControls" OnClientClick="validate_radios()"/>
        </div>
    </form>
</body>

单选按钮输入控件客户端验证

1 个答案: