日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 人文社科 > 生活经验 >内容正文

生活经验

form表单的reset

發布時間:2023/11/27 生活经验 30 豆豆
生活随笔 收集整理的這篇文章主要介紹了 form表单的reset 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
form表單的reset

重置表單(把表單的所有輸入元素重置為它們的默認值):

1.使用reset按鈕,條件reset按鈕必須在form表單內部。

2. <input id="Button1" type="button" value="button" οnclick="form1.reset();" />可以不在表單內部。

用途示例:一般我們做添加頁面和編輯頁面時用的都是同一個頁面,這樣以來編輯后再添加時表單內容就需要清除,很多人在使用后臺代碼做清除工作如:

??????? protected void btnAdd_Click(object sender, EventArgs e)
??????? {
??????????? lblCaption.Text = "添加";
??????????? ArticleType1.ddlTypeEnabled = false;
??????????? ArticleNoImg.txtTitleText = "";
??????????? ArticleNoImg.fckContentText = "";
??????????? ArticleType1.ddlTypeSelectValue = articleTypeId;
??????????? lblUpFileName.Visible = false;
??????????? lblDocFileName.Visible = false;
??????????? lblNotice.Visible = false;
??????????? imgBtnDelete.Visible = false;
???????????? ......
??????????? SelectedId = "";

??????????? ModalPopup.Show();
??????? }

實際上我們可以更簡單些,使用js腳本來實現:

<asp:Button ID="btnAdd" runat="server" Text="添&nbsp;&nbsp;加" CausesValidation="False" OnClientClick="form1.reset();ModalPopup.style.display='';" />

或者

<input id="Button1" type="button" value="button" οnclick="form1.reset();ModalPopup.style.display='';" />

另外:

有些項(下拉框、復選列表、單選列表)我們只要有默認值,reset并不會把它們清除掉,而是自動設置成默認項。

??? <asp:TextBox ID="TextBox1" runat="server">aaa</asp:TextBox>

??? <asp:CheckBoxList ID="CheckBoxList1" runat="server">
??????? <asp:ListItem>aaa</asp:ListItem>
??????? <asp:ListItem Selected="True">bbb</asp:ListItem>
??????? <asp:ListItem Selected="True">ccc</asp:ListItem>
??? </asp:CheckBoxList>

??? <asp:RadioButtonList ID="RadioButtonList1" runat="server">
??????? <asp:ListItem Selected="True">aa</asp:ListItem>
??????? <asp:ListItem>bb</asp:ListItem>
??????? <asp:ListItem>cc</asp:ListItem>
??? </asp:RadioButtonList>

??? <asp:DropDownList ID="DropDownList1" runat="server">
??????? <asp:ListItem>aa</asp:ListItem>
??????? <asp:ListItem>bb</asp:ListItem>
??????? <asp:ListItem Selected="True">cc</asp:ListItem>
??? </asp:DropDownList>
??? <asp:ListBox ID="ListBox1" runat="server">
??????? <asp:ListItem>a</asp:ListItem>
??????? <asp:ListItem Selected="True">b</asp:ListItem>
??????? <asp:ListItem>c</asp:ListItem>
??? </asp:ListBox>

onsubmit,onreset的用法:

<script type="javascript">
function check(theform)
{?
????? 這里寫你要檢查一些輸入是否合法?
????? 如果合法就提交表單,去執行你的下個頁面(uurl)?
????? 如果不合法就return false;這樣就不提交頁面
}
function tips(theform)
{
??? 表單重置會清空當前內容,您確定要重置表單嗎?

}
</script>
<form name="form1" action="uurl" οnsubmit="return(check(this));" οnreset="return tips(this);">
....
....
</form>?

reture false;表示該事件完成之后,不再交給IE默認處理了,
一般提交按鈕的動作是這樣:
點擊按鈕->OnSubmit() ------ return true -> submit()
|
|--->return false 就不往下執行submit()了。

總結

以上是生活随笔為你收集整理的form表单的reset的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。