jQuery函数清除表单并设置回onLoad状态

Question

对于我的 jq 驱动表单，我正在寻找一个函数来清除我的表单并将其设置回页面加载时的原始阶段，但不刷新整个页面。我使用占位符文本并创建了一个标准重置按钮。在 webkit 浏览器中它工作正常。如果按下重置按钮，表单将返回到原始状态，显示占位符文本，但在 IE 中（当前使用 8），表单会被清除，但占位符文本不会返回。知道如何清除表单但取回我的占位符文本吗（我正在使用 placeholder.js 插件）？我尝试了以下方法，但不起作用：

$("#refresh").click(function() {
    $('#name, #email, #betreff, #nachricht').val('');
});

有什么帮助吗？

编辑
链接到占位符插件：http://github.com/mathiasbynens/Placeholder-jQuery-Plugin

...是的，我现在正在谈论在帮助下创建它jquery 因为它不能用标准的 html 重置按钮来完成。我的意思是可以，但在 IE 中不行。 IE 清除表单并且不再显示占位符文本。 Webkit 浏览器与标准重置按钮配合良好，再次显示占位符文本。现在我正在寻找一种解决方案，以在所有浏览器中以相同的方式使用它。

Answer 1

将 id="refresh" 设置为标准按钮，以免清除整个表单。您必须通过以下函数手动“重置”使用占位符的表单元素：

$("#refresh").click(function() {
    $('#name, #email, #betreff, #nachricht').val('').placeholder();
});

您必须使用 val(''); 清除非占位符元素；

您还可以尝试一种更通用的方法，即使用 placholder 属性选择所有相关的表单元素（假设您在 HTML 中或在此脚本运行之前执行了此操作）：

$("#refresh").click(function() {
    $("input[placeholder],textarea[placeholder]").val('').placeholder();
});

这应该替换所有 input/textarea 元素，以便您将替换所有其他元素必须添加到选择器。

Answer 2

$("#refresh").click(function() {
    $('#name').val($('#name').attr('placeholder'));
    $('#email').val($('#email').attr('placeholder'));
    $('#betreff').val($('#betreff').attr('placeholder'));
    $('#nachricht').val($('#nachricht').attr('placeholder'));
});

这有效吗？ （我无法从这里测试）
如果它有效，您可能需要使用 input 和一些选择器的快捷方式。

Answer 3

今天正在研究类似的问题。我希望这有帮助。
这要归功于保罗·贝甘蒂诺。

function resetForm($form) {
    $form.find('input:text, input:password, input:file, select, textarea').val('');
    $form.find('input:radio, input:checkbox')
         .removeAttr('checked').removeAttr('selected');
}

// to call, use:
resetForm($('#myform')); // by id, recommended
resetForm($('form[name=myName]')); // by name