Question

我需要您的帮助。我有一个使用ajax将textarea发布的值发送到php文件的工作表单。

我已将emoji表情添加到该textarea输入中，一切正常。但是面临一个问题，提交表单时textarea不会自动为空。

设置确认后，我需要输入为空，但是我不知道如何。

HTML PAGE

    <html>
<head>
    <link rel="stylesheet" href="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/core.js">
    </script>

 <script>   
    $(document).ready(function() {
$("#formsubmit").click(function() {

var msg = $("#emojionearea1").val();
if ( msg == '') {
alert("field empty");
} else {
// Returns successful data submission message when the entered information is stored in database.

$.post("sss.php", {

msg1: msg
}, function(data) {
//alert(data);

$('#status').html(data);


$('#di_pr')[0].reset(); // To reset form fields
});
}
});
});

</script>

</head>
<body>

 <p id="status"></p>


 <form action="" id="di_pr" method="post"  name="myForm"  enctype="multipart/form-data">


<div class="row">

    <div style="width: 303px;" class="span6">
        <textarea id="emojionearea1" name="rby_message" placeholder="type here"></textarea>
    </div><br/>

    <div class="uhn">

      <input type="button" value="Send" name="tlaj_submit"  id="formsubmit" class="gpfy"  >     

     </div>

</div>

<script>
    $(document).ready(function() {
        $("#emojionearea1").emojioneArea({
            pickerPosition: "left",
            tonesStyle: "bullet"
        });
    })
</script>

  </form>   


</body>
</html>

PHP页面

    <?php

$hssh = $_POST['msg1'];

echo '<p>send message: '.nl2br($hssh).'</p>';

?>

表格会保留，但输入不会清空。

Answer 1

$("#emojionearea1").data("emojioneArea").setText('');

Answer 2

将此行添加到回调函数中：$("#emojionearea1").val(''); 通过以下方式：

$.post("sss.php", {

msg1: msg
}, function(data) {
//alert(data);

$('#status').html(data);


$('#di_pr')[0].reset(); // To reset form fields

$("#emojionearea1").val('');//line to be added
});

提交完成。空的文本区域

2 个答案: