jquery - HTML 和 jQuery - 重置表单。如何？

Question

我正在开发一个 PHP + HTML + jQuery 项目。我在编码过程中遇到了很多编码知识问题 - 但我几乎完成了!为了完成它，我只需要最后的帮助(对于这个项目肯定是)来完成。

所以，我需要的是在此之后使用 jQuery 重置表单:

1) 我有一个包含 a 和 a 的表单来提交表单(不是 type="submit"，因为我使用 jQuery Ajax 来提交表单)

2) 我点击按钮使表单发送并使用 jQuery 插件等返回一些信息。

3) 我在同一个页面上得到结果，您可能已经理解了。我使用 jQuery 创建了一个按钮，显示 RESET 可用，以重置我刚刚使用 Ajax 所做的一切。

4) RESET 按钮必须执行以下代码:

$('#remote-reset').live('click', function() // The reset button
{
    $('#remoted').slideUp('fast', function(){ $('#remoted').empty(); }); // the div that is seen after Ajax submitting the form
    $(this).hide(); // hide this button when I click it
    $('#remote-start').show(); // see the <input type="button" /> again
    $('#remote-urls').empty(); // empty the textarea
    $('#remote-upload').resetForm(); // reset the form using a jQuery plugin, doesn't work at all
});

5) 我单击“重置”按钮，它完成了上述所有操作，但它不会做最重要的事情:它无法在不刷新页面的情况下再次发送包含其他信息的新表单。 $('#remote-start').show(); 必须再次发送表单，但我只是点击它，没有任何反应。

因此，简而言之:我发送了一个包含信息的表单 -> 获取结果 -> 点击重置 -> 表单全部清除 -> 输入新信息 -> 点击提交 -> 没有任何反应。

为什么会发生这种情况，解决方案是什么？想法？

编辑(提交按钮代码):

$('#remote-start').click(function()
{
    $('#loader1').show();
    $(this).hide(); 
    $('#remote-reset').show();
    $('#remote-upload').ajaxSubmit(
    {
         success: function(response)
         { 
            $('#remoted').html(response).hide().slideDown('fast');
            $('#loader1').fadeOut('normal');
         }
    });
});

HTML 代码:

    <div id="remote" style="display: none;">
<form action="remote.php" method="post" id="remote-upload">
    <br /><br />
    <textarea name="remote-urls" id="remote-urls" rows="12"></textarea><br/>
    <input type="button" name="remote-start" id="remote-start" class="remote-button" value="Upload Images" />
    <input type="reset" id="remote-reset" class="remote-button" value="Reset" style="display: none;" />
    <br /><br />
    <span class="normal">
        Maximum <strong>20</strong> images.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>10 MB</strong> for one image.
    </span>
</form>
    <div id="remoted">
        <img id="loader1" src="css/images/loader.gif" style="display: none;" />
    </div>
</div>

Answer 1

也许您正在重置不应重置的字段——例如隐藏输入中的值。如果您提供 html 代码，它真的会有所帮助。

但是如果你想更好地控制需要重置的字段，你可以这样做:

$("input[type=text], textarea").val("")

这将重置所有带有 type="text" 的 input 和所有 textarea 标签。

编辑

哦，顺便说一下。如果要替换 ID 为 #remote-start 的元素所在的内容，则需要使用 live，而不是单击。因为，如果您不这样做，则在重新提交时不会触发该事件。

基本上

$('#remote-start').click(function()

需要替换为

$('#remote-start').live('click', function()