jQuery實(shí)現(xiàn)form表單reset按鈕重置清空表單功能

更新時(shí)間：2012年12月18日 08:55:51 作者：

有時(shí)候可能需要實(shí)現(xiàn)這樣的效果：使用ajax提交表單，成功提交表單之后清空表單,這種功能大家可能都希望實(shí)現(xiàn)吧，接下來(lái)為您詳細(xì)介紹，需要了解的朋友參考下

有時(shí)候可能需要實(shí)現(xiàn)這樣的效果：使用ajax提交表單，成功提交表單之后清空表單，如下代碼：

 
<form> 
<input name="name1" /><br/> 
<input name="name1" /><br/> 
<textarea name="content"></textarea> 
<a href="javascript:void(0)" onclick="subform()">提交</a> 
</form> 

當(dāng)點(diǎn)擊提交之后，通過(guò)ajax將內(nèi)容提交。
以前我是通過(guò)以下代碼來(lái)清空表單

復(fù)制代碼代碼如下:

 
$("input").val(''); 
$("textarea").val(''); 

前些日子無(wú)意想到另外一個(gè)方法（如果知道下面的方法的朋友可以就此打住）：

復(fù)制代碼代碼如下:

 
//在form表單中添加一個(gè)隱藏的reset按鈕， 
<input type="reset" style="display:none;" /> 
//然后通過(guò)trigger來(lái)觸發(fā)reset按鈕 
function subform(){ 
/* ... 
*提交表單的代碼部分 
* ... */ 
$("input[type=reset]").trigger("click");//觸發(fā)reset按鈕 } 

您可能感興趣的文章:

相關(guān)文章

JQuery下拉框應(yīng)用示例介紹
本文主要介紹了JQuery實(shí)現(xiàn)兩個(gè)下拉框數(shù)據(jù)移動(dòng)，追加,需要的朋友可以參考下
2014-04-04
jQuery實(shí)現(xiàn)提交表單時(shí)不提交隱藏div中input的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)提交表單時(shí)不提交隱藏div中input的方法,結(jié)合實(shí)例形式分析了通過(guò)設(shè)置input的disabled屬性實(shí)現(xiàn)隱藏input提交的操作技巧,需要的朋友可以參考下
2019-10-10
JQuery中each()的使用方法說(shuō)明
對(duì)于jQuery對(duì)象，只是把each方法簡(jiǎn)單的進(jìn)行了委托：把jQuery對(duì)象作為第一個(gè)參數(shù)傳遞給jQuery的each方法.換句話說(shuō)：jQuery提供的each方法是對(duì)參數(shù)一提供的對(duì)象的中所有的子元素逐一進(jìn)行方法調(diào)用
2010-08-08
jQuery操作Dom元素與遍歷以及JS遍歷詳細(xì)講解
這篇文章主要介紹了jQuery操作Dom元素、jQuery遍歷、JavaScript遍歷，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧
2023-01-01
推薦9款炫酷的基于jquery的頁(yè)面特效
這里給大家推薦9款炫酷的基于jquery的頁(yè)面特效，都是本站比較熱門(mén)的效果，這里整理出來(lái)分享給大家，也方便小伙伴們對(duì)比查看
2014-12-12
qTip2 精致的基于jQuery提示信息插件
qTip2是一個(gè)灰常強(qiáng)大且精致的jQuery提示信息插件，是qTip的第2版，也是一個(gè)全新的版本，提供了豐富的功能及漂亮的外觀，非常易于使用
2012-02-02
Jquery-data的三種用法
本篇文章主要介紹了Jquery-data的三種用法。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-04-04
JQuery中DOM事件合成用法實(shí)例分析
這篇文章主要介紹了JQuery中DOM事件合成用法,以實(shí)例形式分析了hover()方法和toggle()方法實(shí)現(xiàn)事件合成的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
jquery實(shí)現(xiàn)圖片跟隨鼠標(biāo)的實(shí)例
這篇文章主要介紹了 jquery實(shí)現(xiàn)圖片跟隨鼠標(biāo)的實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下
2017-10-10
jQuery實(shí)現(xiàn)的下雪動(dòng)畫(huà)效果示例【附源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的下雪動(dòng)畫(huà)效果,涉及jQuery插件結(jié)合setInterval、animate進(jìn)行動(dòng)畫(huà)操作的相關(guān)使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
2018-02-02