我有一个标准的重置按钮的形式编码如下:
<input type="reset" class="button standard" value="Clear" />
问题是，所述表单是多阶段排序的，所以如果用户填写了一个阶段，然后稍后返回，当单击Clear按钮时，各个字段的“记住”值不会重置。
我在想，附加一个jQuery函数循环所有的字段和清除他们'手动'将做的技巧。我已经在使用jQuery的形式，但我只是刚刚赶上速度&所以我不知道如何做到这一点，除了单独引用每个字段的ID，这似乎不是很有效。
请TIA帮忙。
当前回答
$(this).closest('form').find('input,textarea,select').not(':image').prop('disabled', true);
其他回答
修改$(document).ready()情况投票最多的答案:
$('button[type="reset"]').click(function(e) {
$form = $(this.form);
$form.find('input:text, input:password, input:file, select, textarea').val('');
$form.find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
e.preventDefault();
});
我发现这很有效。
$(":input").not(":button, :submit, :reset, :hidden").each( function() {
this.value = this.defaultValue;
});
我通常这样做:
$('#formDiv form').get(0).reset()
or
$('#formId').get(0).reset()
我用的是Paolo Bergantino的解决方案，它很棒，但做了一些调整……特别是使用表单名称代替id。
例如:
function jqResetForm(form){
$(':input','form[name='+form+']')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
}
现在当我想用它的时候
<span class="button" onclick="jqResetForm('formName')">Reset</span>
如你所见，这适用于任何表单，因为我使用css样式来创建按钮，页面在单击时不会刷新。再次感谢Paolo的建议。唯一的问题是，如果我在表单中有默认值。
考虑使用验证插件——它很棒!重置表单很简单:
var validator = $("#myform").validate();
validator.resetForm();
