在asp.net中使用javascript, 如何在javascript中访问页面中的控件。

shclhs 2005-09-26 10:41:55

<%@ Page language="c#" Codebehind="LoginForm.aspx.cs" AutoEventWireup="false" Inherits="TrainingProject.LoginForm" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<TITLE>Login Page</TITLE>
<meta content="False" name="vs_showGrid">
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<script language="javascript" src="test.js">
function alertMessage(aa) {
// 我想在这里访问 form 中的 userTextBox 和 pwdTextBox 输入框， userTextBox 和 pwdTextBox // 都是webform 控件
// 我查过很多资料，试了很多次都不可以。
改怎么写。
。。。。。。。。。。。。。。。。。。。

}
</script>
</HEAD>
<body bottomMargin="0" leftMargin="0" topMargin="0" scroll="yes" rightMargin="0" MS_POSITIONING="GridLayout">
<form id="LoginForm" name="LoginForm" method="post" runat="server">
<table style="WIDTH: 100%; HEIGHT: 100%" align="center" border="0">
<tbody>
<tr style="WIDTH: 100%; HEIGHT: 33%">
<td style="WIDTH: 50%; HEIGHT: 33%" align="right"><asp:label id="userLabel" runat="server" Font-Bold="True">User Name :</asp:label></td>
<td style="WIDTH: 50%; HEIGHT: 33%" align="left"><asp:textbox id="userTextBox" runat="server"></asp:textbox></td>
</tr>
<tr style="WIDTH: 100%; HEIGHT: 33%">
<td style="WIDTH: 50%; HEIGHT: 33%" align="right"><asp:label id="pwdLabel" runat="server" Font-Bold="True">Password :</asp:label></td>
<td style="WIDTH: 50%; HEIGHT: 33%" align="left"><asp:TextBox id="pwdTextBox" runat="server"></asp:TextBox></td>
</tr>
<tr style="WIDTH: 100%; HEIGHT: 34%">
<td style="WIDTH: 50%; HEIGHT: 34%" align="right"><INPUT name="rstButton" style="FONT-WEIGHT: bold; FONT-SIZE: 12pt" type="reset" value="Reset"> </td>
<td style="WIDTH: 50%; HEIGHT: 34%" align="left"> <asp:button id="loginButton" runat="server" Text="Login" Font-Bold="True" Font-Size="Small"></asp:button></td>
</tr>
</tbody>
</table>
</form>
</body>
</HTML>

...全文

148 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

startray 2005-09-26

打赏
举报

上面都说啦

shclhs 2005-09-26

打赏
举报

呵呵,谢谢 lxg13(翔子), 谢谢大家,我搞错了
揭帖

shclhs 2005-09-26

打赏
举报

function alertMessage(aa) {
方法一：不成功，（我没有在后台加ClientID, 也把控件的ClientID传给
//var user=document.Form1.<%=userTextBox.ClientID%>.value;
//var pwd=document.Form1.<%=pwdTextBox.ClientID%>.value;
//alert(user);
//alert(pwd);

方法二：不成功,
var userTextBox = document.getElementById("userTextBox");
alert(userTextBox.value);
var pwdTextBox = document.getElementById("pwdTextBox ");
alert(pwdTextBox.value);
}

jsp调用代码
<td style="WIDTH: 50%; HEIGHT: 34%" align="right"><INPUT name="rstButton" style="FONT-WEIGHT: bold; FONT-SIZE: 12pt" type="button" value="Reset" onclick="javascript:alertMessage('123')"> </td>

上面两种方法都不成功,大家看看有什么问题,难道如果我要用javascript访问webform控件,一定要在后台加代码吗?

lovefootball 2005-09-26

打赏
举报

你可以在后台给button加客户端事件的时候
把控件的ClientID传给alertMessage

zhoumins 2005-09-26

打赏
举报

这种方法，javascript语句在test.js文件中
<script language="javascript" src="test.js">
//此处无需代码
</script>
//////////////////////////////////////////////////////////////

另一种写法
<script language="javascript" >
function alertMessage(aa) {}
//该函数需要在页面文件中调用
</script>

祥子_13 2005-09-26

打赏
举报

function alertMessage(aa) {
var user=document.Form1.<%=userTextBox.ClientID%>.value;
var pwd=document.Form1.<%=pwdTextBox.ClientID%>.value;
。。。。。。。。。。。。。。。。。。。

}

swordragon 2005-09-26

打赏
举报

var userTextBox = document.getElementById("userTextBox");
userTextBox.value

var pwdTextBox = document.getElementById("pwdTextBox ");
pwdTextBox.value

祥子_13 2005-09-26

打赏
举报

function alertMessage(aa) {
var user=document.Form1.<%=userTextBox.ClientID%>;
var pwd=document.Form1.<%=pwdTextBox.ClientID%>;
。。。。。。。。。。。。。。。。。。。

}