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()来停止刷新页面的表单

$('#send').click(function(e){         //<- amended
    e.preventDefault();               //<- new line
    $.post(     
        $('#messageForm').attr('action'),
        $('#messageForm :input').serializeArray(),
        function(result){
            $('#userschat').html(result);
            $('#data').val('');                        //<- new line
        }
    );
});

Answer 2

我测试了这个cose并且它是正确的：

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

您的javascript必须包含在$（document）.ready中，并且必须使用您的逻辑完成。

网络表单提交文本字段不清楚

2 个答案: