FORM RUNAT=SERVER标记(非常好)

自己总结:

  • asp.net 2.0服务器控件与<form runat=server></form>的关系

asp.net 2.0服务器控件(html服务器控件和web服务器控件)是否必须需要放在<form runat=server></form>的标记之中,可以根据需要进行设置,大多数情况下,对于只用来进行界面显示的控件、并且不需要处理事件的控件,可以不放在<form runat=server></form>之间,对于大多数控件来说,是要在服务器端进行事件处理和获得某些返回值的,因此需要放在<form runat=server></form>之间。

 

  • asp:button会自动变成提交按钮input type=”submit”
  • 如果text没有设置AutoPostBack="true"则按回车是触发了submit导致整个form提交。若加了,则不触发button的提交事件,不会+2了,因为button中才有+2事件。只是提交整个form并没有触发+2事件。
复制代码
 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TestViewState.aspx.cs" Inherits="TestViewState" Trace="true" %>
 2 
 3  
 4 
 5 <!DOCTYPE html>
 6 
 7  
 8 
 9 <html xmlns="http://www.w3.org/1999/xhtml">
10 
11 <head runat="server">
12 
13     <title></title>
14 
15  
16 
17  
18 
19     <script runat="server">
20 
21         protected void btnSubmit_click(object sender, EventArgs e)
22 
23         {
24 
25             label1.Text = Convert.ToString(Convert.ToInt32(label1.Text) + 2);
26 
27         }
28 
29         protected void txtFirstName_TextChanged(object sender, EventArgs e)
30 
31         {
32 
33             lblfirstName.Text = txtFirstName.Text;
34 
35         }
36 
37     </script>
38 
39 </head>
40 
41 <body>
42 
43     <form id="form1" runat="server">
44 
45         <div>
46 
47             <asp:Button ID="Button1" Text="Click here" OnClick="btnSubmit_click" runat="server"  />
48 
49             <asp:Label ID="label1" runat="server" Text="0"
50 
51                 />
52 
53             <asp:Label runat="server">LabelTextOuter</asp:Label>
54 
55                 <asp:Label ID="Label3" runat="server"/>LabelTextOuter
56 
57             <br />
58 
59               <asp:Label ID="lblfirstName" Text="FirstName:" runat="server" AssociatedControlID="txtFirstName"/>
60 
61             <hr />
62 
63            <asp:TextBox ID="txtFirstName" runat="server"  Enabled="True" AutoPostBack="true" OnTextChanged="txtFirstName_TextChanged" />
64 
65  
66 
67  
68 
69  
70 
71         </div>
72 
73     </form>
74 
75 </body>
76 
77 </html>
View Code
复制代码

 button元素的默认type属性的值为submit,这个是标准,和IE版本没关系。如果不喜欢可以直接用<input type='button'>代替。

 

 

原文:http://www.cnblogs.com/mingh/archive/2010/01/26/1656715.html

 

1,asp.net 2.0服务器控件与<form runat=server></form>的关系

asp.net 2.0服务器控件(html服务器控件和web服务器控件)是否必须需要放在<form runat=server></form>的标记之中,可以根据需要进行设置,大多数情况下,对于只用来进行界面显示的控件、并且不需要处理事件的控件,可以不放在<form runat=server></form>之间,对于大多数控件来说,是要在服务器端进行事件处理和获得某些返回值的,因此需要放在<form runat=server></form>之间。

2,如何进行控制

服务器控件在进行render、addattributestorender等的时候,会执行下面这句:

page page1 = this.page;
   if (page1 != null)
   {
         page1.verifyrenderinginserverform(this);
   }

page.verifyrenderinginserverform 方法 就是验证服务器控件是否需要在<form runat=server></form>的标记之中,如果不在这个标记之中,将会引发下面的异常。例如下面的代码:

<%@ page language="c#" %>

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>verifyrenderinginserverform</title>
</head>
<body>
  <asp:textbox id="textbox1" runat="server"></asp:textbox>
  <form id="form1" runat="server">
  </form>
</body>
</html>

在浏览这样的页面时,将会引发异常:

类型“textbox”的控件“textbox1”必须放在具有 runat=server 的窗体标记内。 
说明: 执行当前 web 请求期间,出现未处理的异常。请检查堆栈跟踪信息,以了解有关该错误以及代码中导致错误的出处的详细信息。

异常详细信息: system.web.httpexception: 类型“textbox”的控件“textbox1”必须放在具有 runat=server 的窗体标记内。

这是因为,textbox控件在进行render的时候调用了page1.verifyrenderinginserverform(this);,因此,如果不放在<form runat=server></form>的标记之间,这个验证过程是通不过的。

但是,我们可以在代码中重载这个方法,以便是textbox控件可以放在<form runat=server></form>的标记之外,例如下面的代码:

<%@ page language="c#" %>

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<script runat="server">
  public override void verifyrenderinginserverform(control control)
  {
  }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>verifyrenderinginserverform</title>
</head>
<body>
  <asp:textbox id="textbox1" runat="server"></asp:textbox>
  <form id="form1" runat="server">
  </form>
</body>
</html>

浏览这样的页面就不会产生异常。

3,调整展现方式后,页面能否正常工作

msdn上解释page.verifyrenderinginserverform 方法时说:

如果回发或使用客户端脚本的服务器控件没有包含在 htmlform 服务器控件 (<form runat="server">) 标记中,它们将无法正常工作。这些控件可以在呈现时调用该方法,以在它们没有包含在 htmlform 控件中时提供明确的错误信息。

是的,虽然下面的代码可以正常显示,但一旦单击“提交”按钮,服务器端将得不到输入的值,页不能保存状态了。

<%@ page language="c#" %>

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<script runat="server">
  public override void verifyrenderinginserverform(control control)
  {
  }

  protected void button1_click(object sender, eventargs e)
  {
    response.write("<li>textbox1.text = " + textbox1.text);
    response.write("<li>request.params = " + request.params[textbox1.uniqueid]);
  }

  protected void page_load(object sender, eventargs e)
  {
    response.write("<li>textbox1.text = " + textbox1.text);
    response.write("<li>request.params = " + request.params[textbox1.uniqueid]);
    if (!ispostback)
    {
      textbox1.text = "《asp.net2.0应用开发技术》";
    }
  }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>verifyrenderinginserverform</title>
</head>
<body>
  <asp:textbox id="textbox1" runat="server" width="600px"></asp:textbox>
  <form id="form1" runat="server">
    <asp:button id="button1" runat="server" onclick="button1_click"
      text="提交" />
  </form>
</body>
</html>

因此,在一般情况下,不要将服务器控件移到<form runat=server></form>的标记之外

4,如何强制将服务器控件放入<form runat=server></form>的标记之间

有些服务器控件可以不放在<form runat=server></form>的标记之间,如label控件,但如果需要强制将它放<form runat=server></form>的标记之间,可以使用下面的方法:

protected void label1_prerender(object sender, eventargs e)
{
  this.verifyrenderinginserverform(label1);
}

5,百害而无一益?

有时候,页面上需要放置多个form表单(虽然只放置一个<form runat=server></form>的表单也能实现),将表单控件放在<form runat=server></form>标记之外,将非常方便使用,这在以前的asp页面中很常见,现在在aspx中也可义实现。下面的页面,既利用了服务器控件的方便性,也逃脱出了类型“textbox”的控件“textbox1”必须放在具有 runat=server 的窗体标记内的限制。例如:

<%@ page language="c#" %>

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<script runat="server">
   protected void button1_click(object sender, eventargs e)
  {
    response.write("<li>textbox1.text = " + textbox1.text);
    response.write("<li>request.params = " + request.params[textbox1.uniqueid]);
  }

  protected void page_load(object sender, eventargs e)
  {
    keywords.text = "《asp.net2.0应用开发技术》";
    response.write("<li>textbox1.text = " + textbox1.text);
    response.write("<li>request.params = " + request.params[textbox1.uniqueid]);
    if (!ispostback)
    {
      textbox1.text = "《asp.net2.0应用开发技术》";
    }
  }
  public override void verifyrenderinginserverform(control control)
  {
  }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>verifyrenderinginserverform</title>
</head>
<body>
  <form method="post" action="searchdoc.aspx">
    关键字:<asp:textbox id="keywords" runat="server"></asp:textbox>
    <asp:button id="button2" runat="server" text="搜索" />
  </form>
  <form id="form1" runat="server">
    <asp:textbox id="textbox1" runat="server" width="600px"></asp:textbox>
    <asp:button id="button1" runat="server" onclick="button1_click"
      text="提交" />
  </form>
</body>
</html>

在searchdoc.aspx页面,使用request.form即可获得输入的关键字。

 

 

一个JSP页面中的FORM里没有SUBMIT按钮,但有设置ACTION,会不会提交至ACTION?是在FORM标记开始时提交还是结束时?
 

 

2008-03-28 11:42 提问者采纳
 
不会自己提交,除非有其他脚本调用这个form的submit()方法。


2)
提交表单一般使用Form对象中的submit按钮,但是在很多场合用其他方法提交却显得更为简捷,如选中单选项,选择下拉列表元素等。只要在相应的元素的事件中加入下面这条事件处理代码即可实现提交。 document.formName.submit(); 或: document.forms[index].submit(); 上表这两条语句调用了表单对象的submit()方法,等效于按submit按钮。

3)

没有submit按钮怎样提交表单

2014-08-05 18:53匿名  分类:其他编程语言 | 浏览 189 次
 编程语言PHPHTML
在一个html页面中,有多个form表单,但只有其中一个表单有submit按钮(准确来说整个页面只有这个按钮),请问如何做使所有form表单的数据能够被提交。
 
2014-08-05 18:59 提问者采纳
 

可以通过枚举

document.getElementsByTagName("form") 来实现提交。

比如说我要提交这个数组里面的0号元素,那么:

1
document.getElementsByTagName("form")[0].submit();

即可实现。如果你不是chrome浏览器不方便调试的话,可以在地址栏输入完整的提交地址:

1
javascript:document.getElementsByTagName("form")[0].submit();
追问:
<form name="form" action="url" method="GET">
<select name="search_tool">
<option value="3">3</option>
<option value="4">4</option>
</select>
</form>
请问这个没有按钮的表单如何通过页面中仅有的一个按钮提交
追答:

document.getElementsByName("form") 可以。不知道你这个是第几个含有name="form"的表单。

如果是第一个的话,可以这样

1
document.getElementsByName("form")[0].submit();
提问者评价
谢谢!


 

posted @   阿玛  阅读(303)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
点击右上角即可分享
微信分享提示