ASP.NET中OnClientClick与OnClick的区别

OnClientClick是客户端事件处理方法，一般采用JavaScript进行处理，可以直接在浏览器中运行，不跟后台发生交互。
OnClick是服务器端事件处理方法，在服务器端，也就是IIS中运行。执行顺序为：点击按钮->页面回传(PostBack)->执行Click事件绑定的方法
我们通常使用OnClientClick事件来做一些客户端的检测，当然也可以把检测放在服务器端执行，但这样做的代价是与服务器进行交互，消耗资源。
如果一个按钮既有OnClientClick事件处理方法又有OnClick事件处理方法，当我们单击这个按钮时，先触发客户端事件，再触发服务器端事件，如果客户端事件返回值为false，那么服务器端对应的方法永远不会执行。这样就达到检测的目的，只有检测通过才能执行服务器端的方法。

<script type="text/javascript">
    function ValidateData(){
        var isValid = true;
        var email = $("#ForegroundValidate_Index_Email").val();
        var phone = $("#ForegroundValidate_Index_Phone").val();
        var count = $("#ForegroundValidate_Index_Count").val();
        //验证邮箱：Razor视图中@@表示邮箱中的@符号
        //请注意：这里的正则表达式的写法和判断方法跟c#不一样
        //正则表达式格式：/正则表达式/g，g表示全部查找
        var regEmail = /\w+@@\w+\.\w+/;
        var regPhone = /[1-9]\d{10}/;

        if (!regEmail.test(email)) {
            alert("邮箱格式错误！");
            isValid = false;
        }

        if (!regPhone.test(phone)) {
            alert("手机号格式错误！");
            isValid = false;
        }

        if (!(/^\d+$/g).test(count)) {
            alert("数量格式错误！");
            isValid = false;
        }
        return isValid;
    }
</script>
<asp:Button ID="btnSubmit" class="btn" runat="server" OnClientClick="return ValidateData();" Text="提交" OnClick="btnSubmit_Click" />

OnClientClick事件一定要return，否则OnClick事件都会执行。
示例代码如下：
哪怕ValidateData()方法始终返回false，但是OnClientClick=”ValidateData();”，所以点击按钮后OnClick事件始终会被触发。

<script type="text/javascript">
    function ValidateData() {
        return false;
    }
</script>
<asp:Button ID="btnSubmit" class="btn" runat="server" OnClientClick="ValidateData();" Text="提交" OnClick="btnSubmit_Click" />