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 >
<! 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>");
}
}
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'.....).