为服务器控件添加javascript客户端事件

记得在用asp得时候,经常用到javascript。比如验证表单,删除确认等。Asp.Net的是服务器端的,我们的javascript失去了应用的空间。不过经过一番摸索,其实Asp.Net使用javascript非常简单。

先介绍一下WebControl的Attributes属性。(HtmlControl差不多,不再重复),Attributes是获取与控件的属性不对应的任意特性(只用于呈现)的集合。举个例子,一个普通的表单控件

1<input name="Button" onclick="ClickEvent()" type="button" value="Button"/>

这里的type,name,Button都是按钮的属性,onClick按钮单击后的事件。这些在Asp.Net中都可以通过Attributes属性集合来设定。

下面举个登录表单验证的例子。

1@ Page Language="C#" 
1<script runat="server">   
2void Page_Load(Object sender, EventArgs e)   
3{   
4//添加客户端onClick事件   
5Button1.Attributes["onClick"]="return CheckForm()";   
6}   
7</script>
 1<html>
 2<head>
 3<script language="javascript">   
 4function CheckForm()   
 5{   
 6//验证表单的javascipt函数   
 7if(document.all.Username.value=="")   
 8{   
 9alert("请填写用户名");   
10return false;   
11}   
12else if(document.all.PassWord.value=="")   
13{   
14alert("请填写密码");   
15return false;   
16}   
17return true;   
18}   
19</script>
20</head>
21<body>
22<form runat="server">
23<br/>
24<table height="150" width="300">
25<tbody>
26<tr>
27<td>   
28用户名</td>
29<td>
30<asp:textbox id="Username" runat="server"></asp:textbox>
31</td>
32</tr>
33<tr>
34<td>   
35密码</td>
36<td>
37<asp:textbox id="PassWord" runat="server" textmode="Password"></asp:textbox>
38</td>
39</tr>
40<tr>
41<td>
42</td>
43<td>
44<asp:button id="Button1" runat="server" text="登录"></asp:button>
45</td>
46</tr>
47</tbody>
48</table>
49</form>
50</body>
51</html>

是不是又回到熟悉的方法:)

Published At
Categories with Web编程
Tagged with
comments powered by Disqus