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> <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'.....).