0

送信ボタンとリセットボタンで構成されるフォームを作成しました。フォーム送信前にリセットボタンが正常に機能しています。フォームが送信されると、ビューは事前に入力されたいくつかの値で構成されます。フォームを送信した後、エラー メッセージがある場合は、ModelState.AddError() メソッドを使用して表示されます。リセットボタンを押しても、値がクリアされません。

私は次のようにJQueryを使用してみました

 $("#reset_button").click(function() {
                $("#InterviewerName").val("");
                $("#ContactName").val("");
});

しかし、それは機能していません。何か案は？

これがフォームのボタンです

<input type="submit" id="submit" value="submit" style="height:30px; width:85px; border:none; text-align:center; background-color:#06266F;cursor:pointer;color:white" /> 
    @Html.Raw("&nbsp;")
    <input type ="reset" id ="reset_button", value ="Reset" style="height:30px; width:85px; text-align:center; border:none; background-color:#06266F;cursor:pointer;color:white"/>
4

3 に答える 3

1

この Jquery 関数を使用します。

$.fn.clearForm = function() {
        return this.each(function() {
            var type = this.type, tag = this.tagName.toLowerCase();
            if (tag == 'form')
                return $(':input',this).clearForm();
            if (type == 'text' || type == 'password' || tag == 'textarea')
                this.value = '';
            else if (type == 'checkbox' || type == 'radio')
                this.checked = false;
            else if (tag == 'select')
                this.selectedIndex = -1;
        });
    };

を使用してこの関数を呼び出します。 

  $("#reset_button").click(function(){

      $('#login').clearForm();
  });
于 2014-11-07T05:55:12.530 に答える
1 
var form = $("#myForm");

形
    。の上（{
        送信：関数（）{
            //フォームの送信を処理します

            //それが ajax 呼び出しであると仮定し、それ以外の場合は無視します
            false を返します。
        }、
        リセット：関数（）{
            // フォームのリセットを処理します
            $("#インタビュアー名").val("");
            $("#ContactName").val("");

            //それが ajax 呼び出しであると仮定し、それ以外の場合は無視します
            false を返します。

        }
    });

フォーム送信およびリセット イベント ハンドラはフォームに属します

また、css が javascript によって生成されていない場合は、css をファイルに移動することをお勧めしますが、これもお勧めできません。

于 2013-11-13T16:54:16.030 に答える
0

リセットタイプのボタンをこんな風に使ってみませんか？

<input type="reset" value="Reset"/>

JSFiddle

編集

入力のすべての値を空にするコードのサンプルを次に示します。

$(document).ready(function() {
    $("#reset_button").on('click', function() {
        $('#myForm').find('input').each(function() {
            $(this).val('');
        });
    });
});

JSFiddle

于 2013-11-13T16:36:13.627 に答える