首頁  >  文章  >  web前端  >  jQuery實作form表單reset按鈕重置清空表單功能_jquery

jQuery實作form表單reset按鈕重置清空表單功能_jquery

WBOY
WBOY原創
2016-05-16 17:46:252165瀏覽

有時候可能需要達到這樣的效果:使用ajax提交表單,成功提交表單之後清空表單,以下程式碼:

複製程式碼 代碼如下:

點擊提交之後,透過ajax將內容提交。
以前我是透過以下程式碼來清空表單
複製程式碼 程式碼如下:

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

前些日子無意想到另一個方法(如果知道下面的方法的朋友可以就此打住):
複製程式碼 程式碼如下:
/在在form表單中加入一個隱藏的reset按鈕,

//然後透過trigger觸發reset按鈕
function subform(){
/* ...
*提交表單的程式碼部分
* ... */
$("input[type=reset]").trigger("click");//觸發reset按鈕}

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn