在客户端实现服务器端按钮的点击事件

 

ClientCheck.aspx

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " ClientCheck.aspx.cs "  Inherits = " ClientCheck "   %>

<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

< html xmlns = " http://www.w3.org/1999/xhtml "   >
< head runat = " server " >
     < title > 无标题页 </ title >
    
     < script language = javascript >
        function  CheckPara(value)
         ... {
             var dd = document.getElementById(value);
             if(dd != null)
             ...{
                 if(dd.value=="")
                 ...{
                    alert("输入值不能为空!");
                    dd.value="";
                    dd.focus();
                    return false;
                 }
             }
             return true;
        }
         </ script >
</ head >
< body >
     < form id = " form1 "  runat = " server " >
     < div >
         < asp:Label ID = " Label1 "  runat = " server "  Height = " 18px "  Text = " 请输入数据: "  Width = " 94px " ></ asp:Label >
         & nbsp; & nbsp; < asp:TextBox ID = " TextBox1 "  runat = " server " ></ asp:TextBox >
         < asp:Button ID = " BTNVALIDATE "  runat = " server "  Text = " 验证 "  OnClick = " BTNVALIDATE_Click "   /></ div >
     </ form >
</ body >
</ html >

 

ClientCheck.aspx.cs

using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

public   partial   class  ClientCheck : System.Web.UI.Page
... {
    protected void Page_Load(object sender, EventArgs e)
    ...{
        if (!IsPostBack)
        ...{
            //增加客户端验证代码
            BTNVALIDATE.Attributes["onclick"] = "return CheckPara('" + TextBox1.ClientID + "')";
        }

    }
    protected void BTNVALIDATE_Click(object sender, EventArgs e)
    ...{
        Response.Write("<script>alert("验证通过");</script>");
    }
}

 

为了要在客户端实现服务器端按钮的onclick事件,应该加入如下代码,其中BTNVALIDATE是服务器端按钮id,CheckPara是我们要实现的客户端的函数,它带有一个参数，这个参数就是要验证的服务器端TEXTBOX的客户端的id
 BTNVALIDATE.Attributes["onclick"] = "return CheckPara('" + TextBox1.ClientID + "')";

当然,CheckPara可以带有多个参数,输入参数的格式为:CheckPara('para1','para2','para3'.....).