Question

如何在使用JQuery按钮单击时检查asp TextBox是否为空，如果是，则阻止回发？
如果显示空白，则显示一个警告对话框，要求用户输入内容也是有帮助的。

到目前为止，我有：

<asp:TextBox ID="txtInput" runat="server" />
<asp:Button ID="btnOK" Text="OK" onClientClick="return checkInput();" runat="server" />

我知道JQuery函数应该返回true或false，但我不知道如何设置函数或者它是否应该进入$(document).ready(function () {});。

Answer 1

如果您在Asp.Net中这样做，我会考虑使用MVC及其内置验证功能，而不是创建自己的。

您还应该添加服务器端验证，但您也可以利用内置的MVC客户端验证器

以下是有关如何操作信息的链接。 http://www.jacopretorius.net/2011/01/client-side-validation-in-mvc-3.html

Answer 2

是的，你可以，只需将文本框的验证放入函数中：

    <script>
        function CheckForm() {
            if ($('#<%=txtInput.ClientID %>').val() == "") {
                alert('Please input');
                return false;
            }
            return true;
        }
    </script>

    <asp:TextBox runat="server" ID="txtInput"></asp:TextBox>
    <asp:Button runat="server" Text="submit" ID="btnSubmit" OnClientClick="return CheckForm()" />

使用JQuery检查TextBox是否为空，如果是，则阻止回发

2 个答案: