ウェブフォーム送信テキストフィールドがクリアされていません

Question

送信ボタンをクリックしたときにフォーム送信に少し問題があります。メッセージは送信されますが、メッセージボックスはクリアされません。jqueryを使用してフォームを送信しています。私はちょうど私が私のメッセージフィールドクリアボタンを送信ボタンをクリックしたい。それを作る方法？ここ は私のフォームのhtml

<form id ="messageForm" action = "<?php $_PHP_SELF ?>" method = "POST"> 
    <input type="hidden" name="sender_email" id="sender_email" value=""> 
    <input type="hidden" name="reciver_email" id="reciver_email" value=""> 
<input type="text" name="data" id="data" placeholder="Message..." required="" /> 
    <button id='send'>Send</button> 
</form> 

が、これは私のjqueryのコード

$('#messageForm').submit(function(){ 
    return false; 
}); 

$('#send').click(function(){ 

    $.post(  
     $('#messageForm').attr('action'), 
     $('#messageForm :input').serializeArray(), 
     function(result){ 
      $('#userschat').html(result); 
     } 
    ); 
}); 

Answer 1

である、あなたは論理的な意味を作る、あなたのコードの中でいくつかの点で、手動でそのフィールドをクリアする必要があり、私は内から示唆します$.post

内の関数はまた、あなたはページ

にリフレッシュフォームを停止する preventDefault()を使用する必要があります

Answer 2

私はこのCOSEをテストしてみた、それは正しいです：

$(document).ready(function() { 
    $('#messageForm').submit(function(e){ 
     e.preventDefault(); 
    }); 
    $('#send').click(function(e){ 
     $("#messageForm")[0].reset() 
    }); 
    }); 

使いのブラウザではJavaScriptが.ready $（文書）に含まれている必要があり、それはあなたのロジックを完了する必要があります。