OnClientClick的用法 - KeenLeung－IT工程師數位筆記本

文章出處

摘自：http://blog.csdn.net/coolpig86/article/details/5439560

OnClientClick用于執行客戶端腳本.當我們單擊一個按鈕時,最先執行的是OnClientClick 事件,根據OnClientClick 事件的返回值來決定是否執行OnClick事件來postback頁面.其返回值為true 和 false,默認情況下OnClientClick 返回值為真.

通過這個屬性，可以去驗證一個服務端控件了，而且不用回傳服務器。。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>無標題頁</title>
    <mce:script type="text/javascript" ><!--
       var CheckForm=function(){
         var content=document.getElementById("tx_Content").value;
         if(content==""){alert("內容不能為空");return false;}
       }   
// --></mce:script>
</head>
<body>
    <form id="form1" runat="server">
    <div>      
        <asp:TextBox ID="tx_Content" runat="server"></asp:TextBox>
        <asp:Button ID="bt_OK" runat="server" Text="提交" OnClientClick="return CheckForm();" />
    </div>
    </form>
</body>
</html>