jQuery實現(xiàn)form表單reset按鈕重置清空表單功能
更新時間：2012年12月18日 08:55:51 作者：
有時候可能需要實現(xiàn)這樣的效果：使用ajax提交表單，成功提交表單之后清空表單,這種功能大家可能都希望實現(xiàn)吧，接下來為您詳細(xì)介紹，需要了解的朋友參考下
有時候可能需要實現(xiàn)這樣的效果：使用ajax提交表單，成功提交表單之后清空表單，如下代碼：
復(fù)制代碼 代碼如下:
<form>
<input name="name1" /><br/>
<input name="name1" /><br/>
<textarea name="content"></textarea>
<a href="javascript:void(0)" onclick="subform()">提交</a>
</form>
當(dāng)點擊 提交 之后，通過ajax將內(nèi)容提交。
以前我是通過以下代碼來清空表單
復(fù)制代碼 代碼如下:
$("input").val('');
$("textarea").val('');
前些日子無意想到另外一個方法（如果知道下面的方法的朋友可以就此打?。?
復(fù)制代碼 代碼如下:
//在form表單中添加一個隱藏的reset按鈕，
<input type="reset" style="display:none;" />
//然后通過trigger來觸發(fā)reset按鈕
function subform(){
/* ...
*提交表單的代碼部分
* ... */
$("input[type=reset]").trigger("click");//觸發(fā)reset按鈕 }
您可能感興趣的文章:
- jquery實現(xiàn)ajax提交form表單的方法總結(jié)
- jQuery-serialize()輸出序列化form表單值的方法
- jquery EasyUI的formatter格式化函數(shù)代碼
- jQuery EasyUI API 中文文檔 - Form表單
- jQuery實現(xiàn)form表單基于ajax無刷新提交方法詳解
- jquery表單驗證使用插件formValidator
- 基于Bootstrap+jQuery.validate實現(xiàn)Form表單驗證
- jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
- jquery動態(tài)改變form屬性提交表單
- jQuery Form插件使用詳解_動力節(jié)點Java學(xué)院整理
相關(guān)文章
本文主要介紹了JQuery實現(xiàn)兩個下拉框數(shù)據(jù)移動，追加,需要的朋友可以參考下2014-04-04
jQuery實現(xiàn)提交表單時不提交隱藏div中input的方法
這篇文章主要介紹了jQuery實現(xiàn)提交表單時不提交隱藏div中input的方法,結(jié)合實例形式分析了通過設(shè)置input的disabled屬性實現(xiàn)隱藏input提交的操作技巧,需要的朋友可以參考下2019-10-10
對于jQuery對象，只是把each方法簡單的進(jìn)行了委托：把jQuery對象作為第一個參數(shù)傳遞給jQuery的each方法.換句話說：jQuery提供的each方法是對參數(shù)一提供的對象的中所有的子元素逐一進(jìn)行方法調(diào)用2010-08-08
jQuery操作Dom元素與遍歷以及JS遍歷詳細(xì)講解
這篇文章主要介紹了jQuery操作Dom元素、jQuery遍歷、JavaScript遍歷，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-01-01
這里給大家推薦9款炫酷的基于jquery的頁面特效，都是本站比較熱門的效果，這里整理出來分享給大家，也方便小伙伴們對比查看2014-12-12
qTip2是一個灰常強大且精致的jQuery提示信息插件，是qTip的第2版，也是一個全新的版本，提供了豐富的功能及漂亮的外觀，非常易于使用2012-02-02
本篇文章主要介紹了Jquery-data的三種用法。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要介紹了JQuery中DOM事件合成用法,以實例形式分析了hover()方法和toggle()方法實現(xiàn)事件合成的相關(guān)技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了 jquery實現(xiàn)圖片跟隨鼠標(biāo)的實例的相關(guān)資料,希望通過本文能幫助到大家實現(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
jQuery實現(xiàn)的下雪動畫效果示例【附源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)的下雪動畫效果,涉及jQuery插件結(jié)合setInterval、animate進(jìn)行動畫操作的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-02-02