form 自帶reset按鈕并不能真正重置表單,當(dāng)表單有默認(rèn)值時(shí)。所以寫js方法調(diào)用,來清空form表單。
創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的八步網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected')
基本包含所有情況。
很容易哦,你指的清空,說的是 恢復(fù)原始值哦,可以有簡單方法:
我寫一個(gè)例子給你:
form action="" method="get"input id="reset" name="" type="reset" //form
script type="text/javascript"
$('#reset').click()
/script
-------------------------------------------------
這樣就清空了。
通過js的回調(diào)機(jī)制。
functionsubmit(callback{document.getElementById("myform").submit();callback();}function reset(){$('#myform').reset();}function tijiao(){submit(reset);}
form id="myform" action=""
input type="text" name=""/
input type="button" value="提交" onclick="tijiao()"/
/form
你如果用js提交后直接重置,有時(shí)候會(huì)報(bào)錯(cuò),因?yàn)檎谕笈_(tái)傳值的過程中,你就清空,會(huì)獲取不到這個(gè)值。這就需要js的回調(diào)機(jī)制,上面我給你寫了回調(diào)函數(shù)。這樣就保證了將表單完全提交后才清空input.
這就夠了,肯定能幫到你的。
用form表單的$("form input[name='reset']").click();
或者沒有reset鈕的話可以直接一個(gè)一個(gè)直接把每個(gè)元素的值設(shè)為空,比較麻煩一點(diǎn)
比如表單下邊有input type="text" id="txt1"
使用jquery清空的話就這么寫:
$("#txt1").empty();
如果有其它的,跟上邊一樣的步驟進(jìn)行清空