我從幾個執行緒中嘗試了很多方法，但都無濟于事。
我有這樣的表單代碼：
<div id="fVoucher">
<form id="myForm" name="login" action="$(link-login-only)" method="post" $(if chap-id) onSubmit="return doLogin()"
$(endif)>
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
<p class="px-3 pt-3 pb-1 font-semibold text-gray-500 text-md">Voucher Login</p>
<div class="mx-3 ">
<label class="flex flex-row justify-between space-x-2 justify-items-center">
<input name="username" type="text" value="$(username)" id="userVoucher" oninput="getValue()"
class="block w-full h-10 px-3 bg-white border-gray-300 rounded-md shadow-sm bg-opacity-70 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
placeholder="Voucher" onpaste="return false;" />
<input name="password" type="hidden" id="passVoucher"
class="block w-full h-10 px-3 bg-white border-gray-300 rounded-md shadow-sm bg-opacity-70 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
placeholder="Password" />
<button id="btn_submit" type="submit"
class="px-3 font-semibold text-gray-500 rounded-md shadow-md bg-gradient-to-br from-yellow-200 to-yellow-400">Login</button>
</label>
</div>
</form>
</div>
這是我在單擊提交后嘗試洗掉輸入表單的腳本。但它沒有用。
<script type="text/javascript">
var reset = function(){
setTimeout(function(){
$('form')[0].reset();
},3000);
}
$('.btn_submit').on('click', function(){
reset();
});
</script>uj5u.com熱心網友回復：
您正在選擇一個類而不是一個 ID：
$('.btn_submit').on('click', function(){
reset();
});
筆記：
<button id="btn_submit" type="submit"
uj5u.com熱心網友回復：
重置表單時，您必須以form元素為目標。
你可以像下面那樣行內。
<button type="submit" onclick="this.form.reset();">Login</button>
或者，在 onClick 事件處理程式中。
document.getElementById("myForm").reset();
或者，（jQuery）
$('#myForm').trigger("reset");
與其在“登錄”按鈕點擊時清除表單，我認為最好有一個像“清除”/“重置”這樣的單獨按鈕來重置表單。這樣就干凈多了。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/402438.html
標籤：