同一个页面用Js和服务器验证控件OnClientClick提交问题

最新推荐文章于 2025-12-16 16:57:09 发布

原创最新推荐文章于 2025-12-16 16:57:09 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#服务器 #server #button #javascript #asp #脚本

http://www.cnblogs.com/aprillee/archive/2008/05/07/1017395.html

实现功能：

        点击Button按钮的OnClientClick事件，不会影响服务器验证控件的验证功能
                                                （验证不通过，则不提交服务器页面）
背景：
       1. 在同一个页面有服务器验证控件(RegularExpressionValidator),多个
       2. 有Javascript函数,实现验证和其他功能
       3. Button按钮,有两个事件OnClick,OnClientClick
方法：

    HTML页面
     验证控件：

Code
按钮：

< asp:ImageButton ID = " btnPutin " runat = " server " Text = " 提交 " OnClick = " btnPutin_Click "

OnClientClick = " if(CheckClientValidate()) { return CheckNullValue()} " ImageUrl = " ../images/submit1.gif " />

     脚本：

< script type = " text/javascript " >
// 返回,服务器验证控件是否成功
// Author:  ADD by Aprillee at 2007-12-27
// Example: OnClientClick="if(CheckClientValidate()) { return CheckNullValue()}"
function CheckClientValidate() {

       Page_ClientValidate();
       if (Page_IsValid){
           return true;
       }else{
           return false;
       }
     }
// 以下为自定义脚本功能
function CheckNullValue()
     {
        alert('Test');
    }
</ script >