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

Question

如何使用JQuery在Button单击时检查asp文本框是否为空，如果是，则防止回发？
显示警告对话框，要求用户输入某些内容（如果为空）也将很有帮助。

到目前为止，我有：

<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()" />