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

最新推荐文章于 2026-06-19 17:10:44 发布

转载最新推荐文章于 2026-06-19 17:10:44 发布 · 580 阅读

标签

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

#html

收录于

Asp.net 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在ASP.NET中使用服务器验证控件Regular Express Validator进行输入验证，并结合Button控件的OnClientClick事件实现额外的客户端验证逻辑。

本文转自：http://www.cnblogs.com/aprillee/archive/2007/12/27/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 >