Question

我一直在寻找所有地方尝试在提交后让我的文本字段清除。请记住，我想继续留在提交数据时的同一页面（我有一个jquery代码提交后留在同一页面）。我认为它会如果我只是发布我的代码以便我可以获得帮助，那就容易多了具体案例。以下是我尝试过的.reset（），java onclick，onsubmit，jquery和ajax方法，但没有一个产生了我正在寻找的结果。我得到的最接近是一个表格在提交之前被清除，这留下了空白提交。

这是我从用户那里获取测试信息的表单代码。在这里，我尝试了onclick，onsubmit方法，没有太多运气：

        <form id=\"msg\"  method=\"post\" action=\"topage.php\" style=\"text-align: center; font-size: 26px; font-weight: bold; color: white; position: relative; top:  -45px\">
MESSAGE<br><input type=\"text\" style=\"font-size: 22px;width:90%; height:50px; resize: none; \" name=\"msg\" >
<input class=\"submit\" type=\"submit\" value=\"Send\" style=\"width:90%; height: 40px; \">
<div id=\"message\"></div>
</form>

这是我提交代码后留在页面上的。我使用脚本包括允许我在提交工作后留在同一页面。我花了一段时间才找到提交后留在同一页面的方法。如果有一种更好的方法可以保留在同一页面上，并且在提交后通过各种方式清除表格，请分享：

<script type="text/javascript" >
$(document).ready(function() {
        $('#msg').ajaxForm({
            target: '#message',
            success: function() {
            $('#message').fadeIn('slow');
            }
        });
    });


</script>

Answer 1

$("#msg")[0].reset();

将此内置成功：function（）

所以你明白了：

<script type="text/javascript" >
$(document).ready(function() {
        $('#msg').ajaxForm({
            target: '#message',
            success: function() {
     $("#msg")[0].reset();

            $('#message').fadeIn('slow');
            }
        });
    });


</script>

提交后清除文本字段的最简单方法

1 个答案: