ASP.NET Web Form – Cancel Post Back Event on Server Side Button by using Client Side JavaScript ( jQuery )

ASP.NET Web Form – Cancel Post Back Event on Server Side Button by using Client Side JavaScript ( jQuery )
 

 
   < head runat="server" >
 
      … …
 
      < script type="text/javascript" src="Scripts/jquery-1.7.1.min.js" >< /script >
      < script type="text/javascript" >
 
         function ctlvalid() {
 
            if( … … ){
               return false;
            }else{
               return true;
            }
 
         }
 
         $(document).ready(function () {
 
            $("#SubmitBtn").click(function () {
               if (!ctlvalid()) return false;
               else return true;
            });
 
         });
 
      < /script >
 
   < /head >
   < body >
 
      < form id="form1" runat="server" >
         < div >
            < asp:Button ID="SubmitBtn" ClientIDMode="Static" runat="server" Text="Button" / >
         < /div >
      < /form >
 
   < /body >