jquery - お問い合わせフォームを送信するときに、フィールドからクリアしたいのですが?

Question

お問い合わせフォームをよく提出します。すべてが正常に機能していますが、送信時にすべてのフィールドの詳細をクリアしたいです。入力が更新されていません。

私のJavaScript

 $(document).ready(function(){
    $('#buttonme').click(function(){
        $.post("send.php", $("#myform").serialize(),  function(response) {   
            $('#contactstatus').html(response);
                //$('#success').hide('slow');
            });
        return false;
    });
});

myscriptに追加する必要がある入力を更新するにはどうすればよいですか

Answer 1

このようにしてみてください：

$('#myform').each(function(){
    this.reset();
});

Answer 2

これを試すことができます：

$("#myForm").trigger('reset');

http://jsfiddle.net/yj4S5/1/

Answer 3

HTML

<form>
    <input type="text" />
    <input type="reset" id="reset" />
    <input type="button" id="buttonme" value="Submit"/>
</form>

js

$(document).ready(function () {
    $("input:reset").hide();
    $('#buttonme').click(function () {
        $("input:reset").click();
    });
});

動作デモhttp://jsfiddle.net/cse_tushar/8URw4/

あなたの場合、フォームに HTML を追加します

<input type="reset" id="reset" />

js

$(document).ready(function(){
    $('#buttonme').click(function(){
        $.post("send.php", $("#myform").serialize(),  function(response) {   
            $('#contactstatus').html(response);
                //$('#success').hide('slow');
            $("input:reset").click();//add this to your code
            });
        return false;
    });
});

または、単に使用できます

js

 $('form').trigger('reset');

Answer 4

これは仕事をするはずです：

$('input')
.val('')
.removeAttr('checked')
.removeAttr('selected');