Asp.net 中在調用Button事件前用js對介面進行檢查

我們Button的OnClick事件調用伺服器端代碼。使用OnClientClick事件調用用戶端代碼。代碼如下：

<asp:Button ID="btnSave" runat="server" CssClass="btn" OnClick="btnSave_Click" Text="保 存" OnClientClick="return checkControl();" />

說明：btnSave_Click為伺服器端儲存事件。

　　  checkControl()為儲存前在前端用js進行檢查的js方法，js代碼如下。

    function checkControl()
    {
        var vApyName=document.getElementById("txbApyName").value;
        if(vApyName.length<=0)
        {
            alert("'申請人姓名'不可為空!");
            document.getElementById("txbUrlList").focus();
            document.getElementById("txbUrlList").select();
            return false;
        }
    }

註：

   為什麼要在OnClientClick事件中加上return？

   因為開始時，我並沒有加上return語句，發現執行完js方法後仍然執行背景click事件。原來的代碼如下：

<asp:Button ID="btnSave" runat="server" CssClass="btn" OnClick="btnSave_Click" Text="保 存" OnClientClick="checkControl();" />

總結：

　　用 OnClientClick驗證我們的提交資料時，一定要返回ture或者false，即一定要加上return，否則OnClick失效。 當返回false時OnClick伺服器端事件才被中止。