ASP.NET页面某些选项进行提示判断具体实现

实现ASP.NET页面某些选项进行提示判断，主要有两种方法。

方法一：使用JavaScript

这是一种比较常见的实现方式，可以在客户端直接使用JavaScript做出判断并提示用户。

实现步骤如下：

1. 在HTML代码中加入一个标签用于存放提示信息，例如：

<div id="message"></div>

1. 在JavaScript中使用事件监听器（如onclick）监听相关控件的操作，并根据选项进行判断。如果符合条件，就改变提示信息的内容并将其展示出来，例如：

function checkOption() {
    var optionValue = document.getElementById("option").value;
    if (optionValue == "A") {
        document.getElementById("message").innerHTML = "选项A已选择";
    } else if (optionValue == "B") {
        document.getElementById("message").innerHTML = "选项B已选择";
    }
}

1. 将该函数绑定到控件的事件上，例如：

<input type="radio" name="option" value="A" onclick="checkOption()">选项A
<input type="radio" name="option" value="B" onclick="checkOption()">选项B

方法二：使用服务器端验证

这种方法需要在服务器端进行验证，并返回验证结果给客户端。因此，这种方法需要将整个页面进行提交，对于较大的页面影响可能较大。

实现步骤如下：

1. 在需要验证的控件上加上ASP.NET提供的验证控件，例如：

<asp:TextBox ID="inputTextBox" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="inputTextBoxValidator" runat="server" ControlToValidate="inputTextBox" ErrorMessage="输入不能为空"></asp:RequiredFieldValidator>

上述代码会在inputTextBox中输入为空时，自动显示ErrorMessage中的内容。

1. 在服务器端进行验证，例如：

if (inputTextBox.Text == "") {
    inputTextBoxValidator.IsValid = false;
} else {
    inputTextBoxValidator.IsValid = true;
}

这个例子中，如果inputTextBox的内容为空，就将Validator设为无效。如果内容不为空，则将Validator设为有效。

需要注意的是，对于这种方法必须将整个页面进行提交才能获取验证结果。而对于JavaScript方式，可以在客户端实时获取验证结果。

示例1：

文本框中必须输入数字，否则会提示用户输入格式有误。

<asp:TextBox ID="numTextBox" runat="server"></asp:TextBox>
<asp:RegularExpressionValidator ID="numTextBoxValidator" runat="server" ControlToValidate="numTextBox" ErrorMessage="输入格式有误" ValidationExpression="\d+"></asp:RegularExpressionValidator>

上述代码会在numTextBox中输入的内容不是数字时，提示用户输入格式有误。

示例2：

根据选项不同，要求用户必须填写不同的文本框。例如，当选项A被选择时，要求用户必须填写inputA。

<input type="radio" name="option" value="A" onclick="showInput('inputA')">选项A
<input type="radio" name="option" value="B" onclick="showInput('inputB')">选项B

<div id="inputA" style="display:none;">
    <asp:TextBox ID="inputATextBox" runat="server"></asp:TextBox>
    <asp:RequiredFieldValidator ID="inputATextBoxValidator" runat="server" ControlToValidate="inputATextBox" ErrorMessage="请填写此项"></asp:RequiredFieldValidator>
</div>
<div id="inputB" style="display:none;">
    <asp:TextBox ID="inputBTextBox" runat="server"></asp:TextBox>
    <asp:RequiredFieldValidator ID="inputBTextBoxValidator" runat="server" ControlToValidate="inputBTextBox" ErrorMessage="请填写此项"></asp:RequiredFieldValidator>
</div>

<script type="text/javascript">
function showInput(id) {
    var shown = document.getElementById(id);
    var hiddens = document.getElementsByTagName("div");
    for (var i = 0; i < hiddens.length; i++) {
        if (hiddens[i] != shown) {
            hiddens[i].style.display = "none";
        }
    }
    shown.style.display = "block";
}
</script>

上述代码会在选项A被选择时，显示inputA中的文本框，并要求用户填写，如果不填则提示用户输入此项。此时选项B中的文本框是隐藏的。反之，当选项B被选择时，会显示inputB中的文本框，要求用户填写。此时选项A中的文本框是隐藏的。