Web表单提交文本字段不明确[重复]

Posted 2023-05-07

【中文标题】Web表单提交文本字段不明确[重复]

【英文标题】：web form submit text field not clear [duplicate]

【发布时间】：2016-10-01 03:13:19

【问题描述】：

当我点击发送时，我在提交表单时遇到了一点问题。消息发送但消息框不清楚我正在使用 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);
        
    );
);

【问题讨论】：

请告诉我如何清除它，我是网络新手。

【参考方案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
        
    );
);

【讨论】：

当我使用它时页面重新加载

以前一定是这样的

不重新加载我希望它清楚

我正在使用 jquery，因为我只是不想重新加载我的页面

查看修改后的答案

【参考方案2】：

我已经测试过这个cos，它是正确的：

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

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

【讨论】：

是的，我用过这个，但是通过使用这个页面重新加载

您必须添加“e.preventDefault();”

$( document ).ready(function() $('#messageForm').submit(function(e) e.preventDefault(); ); $('#send') .click(function(e) $("#messageForm")[0].reset() $.post( $('#messageForm').attr('action'), $('#messageForm :input') .serializeArray(), function(result) $('#userschat').html(result); ); ); );

我正在这样做，但它不起作用