如何在ASP.NET VB中实现radio button未选中时弹出alert提示消息

做这类表单校验建议同时做客户端+服务端两层校验，避免用户禁用前端JS绕过校验规则，下面是两种常用实现方式：

方式1：用ASP.NET内置验证控件（开发效率最高） #

不用手写大量JS，控件会自动完成客户端即时校验+服务端兜底校验，步骤如下：

• 放置单选控件：如果用单个RadioButton拼选项组，必须把同组所有单选按钮的GroupName属性设为相同值；如果用RadioButtonList则不需要额外设置分组。
• 添加必填验证控件：
  • 单个RadioButton组的话，把RequiredFieldValidator的ControlToValidate属性绑定同组第一个RadioButton的ID即可
  • RadioButtonList的话，ControlToValidate直接绑定RadioButtonList的ID
• 要实现弹窗提示，额外加一个ValidationSummary控件开启弹窗模式即可。

前端aspx页面代码示例：

<%-- 单个RadioButton组示例 --%>
<asp:RadioButton ID="rdoAgree" runat="server" GroupName="agreeOption" Text="同意协议" />
<asp:RadioButton ID="rdoDisagree" runat="server" GroupName="agreeOption" Text="不同意协议" />

<%-- 页面内联显示错误提示 --%>
<asp:RequiredFieldValidator ID="rfvAgree" runat="server"
    ControlToValidate="rdoAgree"
    ErrorMessage="请先选择是否同意协议！"
    Display="Dynamic"
    ForeColor="Red" />

<%-- 开启弹窗提示 --%>
<asp:ValidationSummary ID="vsPopTip" runat="server"
    ShowMessageBox="True"
    ShowSummary="False" />

<asp:Button ID="btnSubmit" runat="server" Text="提交" />

方式2：手写VB后端校验（适合自定义逻辑复杂的场景） #

如果不想用内置验证控件，可以直接在提交按钮的点击事件里写判断逻辑，注意这层是服务端校验，必须保留，不能仅靠前端JS校验。
后端VB代码示例：

Protected Sub btnSubmit_Click(sender As Object, e As EventArgs) Handles btnSubmit.Click
    ' 判断同组单选框是否有选中项
    If Not (rdoAgree.Checked Or rdoDisagree.Checked) Then
        ' 弹出客户端提示框
        ClientScript.RegisterStartupScript(Me.GetType(), "validateTip", "alert('请先选择是否同意协议！');", True)
        ' 终止后续提交逻辑
        Return
    End If

    ' 校验通过后再写后续业务逻辑，比如存库、跳转页面等
End Sub

注意：不要只依赖前端JS做校验，普通用户可以通过浏览器控制台禁用JS、修改前端代码轻松绕过前端校验，所有提交数据的合法性必须在服务端做二次校验。

内容的提问来源于stack exchange，提问作者amelia zaripova