1

リセットボタンの代わりに画像を使用していますnhtml-php。すべてのテキストボックスの値をクリアするjavascript関数を作成しましたが、ページ全体が再読み込みされるため、ページを再読み込みするときに値がテキストボックスに表示されます。リセットアクションの画像ボタンがクリックされました..私のコードは

<script type="text/javascript">
function clearall() {
$(".tinput").val('');
$(".tinput1").val('');
}
</script>

ページをリロードしたくありませんが、すべてのテキストフィールドのみをクリアしてください。

4

4 に答える 4

1

これを使って：

<script type="text/javascript">
function clearall() {
$(".tinput").val('');
$(".tinput1").val('');
return false;
}
</script>
于 2012-05-25T13:27:40.230 に答える
1

フォームが送信されているようです。

ボタンのデフォルトのアクションを停止する必要があります。これを行う.preventDefault()には、イベントまたはreturn falseハンドラーからメソッドを呼び出す必要があります。

フォームの.reset()メソッドも使用する必要があります。

function resetForm(callingElement) {
   callingElement.form.reset();
   return false;
}

と一緒に使用します<input type="image" src=".." onclick="return resetForm(this)" />

http://jsfiddle.net/gaby/3R2TX/でのデモ

jQueryを使用しているので、これを次のように単純化できます。

function resetForm(e) {
   e.preventDefault();
   this.form.reset();
}

とそれを適用します

 $('#id_of_reset_button').click(resetForm);

http://jsfiddle.net/gaby/3R2TX/1/のjQueryデモ

于 2012-05-25T13:27:57.850 に答える
0

ハイパーリンクまたは送信ボタンがある場合、関数は処理を停止するために FALSE を返す必要があります

于 2012-05-25T12:19:28.463 に答える
0 
<img id="reset" src="" />

<script type="text/javascript">
  $("#reset").click(function(){
    $(".tinput").val('');
    $(".tinput1").val('');
  });
</script>
于 2012-05-25T12:20:06.323 に答える