【问题标题】:how to reset a form after submit?提交后如何重置表单?
【发布时间】:2009-08-04 23:53:35
【问题描述】:

我有一个简单的表格,假设它需要一个电子邮件地址。提交表单后,消息堆栈会通知用户他们的地址已成功提交。问题是在提交地址后,带有电子邮件的表单字段仍然包含用户输入的电子邮件地址,我将如何重置此字段? 我必须为此使用 JavaScript 吗?

谢谢

【问题讨论】:

    标签: php javascript


    【解决方案1】:
    window.onload = function () {
        for(var f in document.getElementsByTagName("form"))
            f.reset();
    }
    

    假设您还没有设置另一个 onload 事件,这肯定会起作用。如果你这样做,只需将内部位(第 2 行和第 3 行)添加到它。当然,这是标准的 JavaScript,无论框架如何,它都可以工作。

    【讨论】:

      【解决方案2】:
      $(':input','#myform')
       .not(':button, :submit, :reset, :hidden')
       .val('')
       .removeAttr('checked')
       .removeAttr('selected');
      

      来自这个问题:
      Resetting a multi-stage form with jQuery

      需要 jQuery:http://jquery.com

      【讨论】:

      • 在 onload 函数中执行此操作。当然,此代码仅适用于使用 jQuery 的情况。 YMMV。
      • 有些表单的预选勾选项呢?这也不包括文本区域...
      • 错误先生:请参阅 jquery 文档中的 :input:docs.jquery.com/Selectors。它匹配文本区域。
      • 我会告诉你,你需要重新检查并选择预选或预检查的项目。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-03-03
      • 2018-10-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-03
      • 1970-01-01
      相关资源
      最近更新 更多