实现功能:
    
点击Button按钮的OnClientClick事件,不会影响服务器验证控件的验证功能
(验证不通过,则不提交服务器页面)
背景:
1. 在同一个页面有服务器验证控件(RegularExpressionValidator),多个
2. 有Javascript函数,实现验证和其他功能
3. Button按钮,有两个事件OnClick,OnClientClick
方法:
HTML页面
验证控件: Code    按钮:
Code    按钮:
 <asp:ImageButton ID="btnPutin" runat="server" Text=" 提 交 " OnClick="btnPutin_Click"
<asp:ImageButton ID="btnPutin" runat="server" Text=" 提 交 " OnClick="btnPutin_Click"
 OnClientClick=" if(CheckClientValidate()) { return CheckNullValue()}" ImageUrl="../images/submit1.gif" />
                            OnClientClick=" if(CheckClientValidate()) { return CheckNullValue()}" ImageUrl="../images/submit1.gif" />
脚本:
 <script type="text/javascript">
<script type="text/javascript">    
 //返回,服务器验证控件是否成功
//返回,服务器验证控件是否成功
 //Author:  ADD by Aprillee at 2007-12-27
//Author:  ADD by Aprillee at 2007-12-27
 //Example: OnClientClick="if(CheckClientValidate()) { return CheckNullValue()}"
//Example: OnClientClick="if(CheckClientValidate()) { return CheckNullValue()}"
 function CheckClientValidate(){
 function CheckClientValidate(){
 
        
 Page_ClientValidate();
       Page_ClientValidate();
 if (Page_IsValid){
       if (Page_IsValid){
 return true;
           return true;
 }else{
       }else{
 return false;
           return false;
 }
       }
 }
     }
 // 以下为自定义脚本功能
// 以下为自定义脚本功能
 function CheckNullValue()
function CheckNullValue()
 {
{
 alert('Test');
        alert('Test');
 }
    }
 </script>
 </script>
点击Button按钮的OnClientClick事件,不会影响服务器验证控件的验证功能
(验证不通过,则不提交服务器页面)
背景:
1. 在同一个页面有服务器验证控件(RegularExpressionValidator),多个
2. 有Javascript函数,实现验证和其他功能
3. Button按钮,有两个事件OnClick,OnClientClick
方法:
HTML页面
验证控件:
 Code
Code <asp:ImageButton ID="btnPutin" runat="server" Text=" 提 交 " OnClick="btnPutin_Click"
<asp:ImageButton ID="btnPutin" runat="server" Text=" 提 交 " OnClick="btnPutin_Click" OnClientClick=" if(CheckClientValidate()) { return CheckNullValue()}" ImageUrl="../images/submit1.gif" />
                            OnClientClick=" if(CheckClientValidate()) { return CheckNullValue()}" ImageUrl="../images/submit1.gif" />脚本:
 <script type="text/javascript">
<script type="text/javascript">     //返回,服务器验证控件是否成功
//返回,服务器验证控件是否成功 //Author:  ADD by Aprillee at 2007-12-27
//Author:  ADD by Aprillee at 2007-12-27 //Example: OnClientClick="if(CheckClientValidate()) { return CheckNullValue()}"
//Example: OnClientClick="if(CheckClientValidate()) { return CheckNullValue()}" function CheckClientValidate(){
 function CheckClientValidate(){ 
         Page_ClientValidate();
       Page_ClientValidate(); if (Page_IsValid){
       if (Page_IsValid){ return true;
           return true; }else{
       }else{ return false;
           return false; }
       } }
     } // 以下为自定义脚本功能
// 以下为自定义脚本功能 function CheckNullValue()
function CheckNullValue() {
{ alert('Test');
        alert('Test'); }
    } </script>
 </script> 
                    
                     
                    
                 
                    
                
 
         
        
                
            
         浙公网安备 33010602011771号
浙公网安备 33010602011771号