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