HTML输入元素 - 始终键入“重置”不清除表单

时间:2013-07-07 19:43:53

标签: jquery html5 input types reset

我有一个简单的搜索界面 - 一个包含很少输入字段和提交按钮的表单。为了清除输入字段中的文本或值,我还输入了“reset”类型的元素。

<input name="commit" type="reset" value="Clear">

如果我点击此输入,它会清除所有字段,但并非总是如此。如果我首先提交表单,则“重置”输入不会清除字段。这是正常行为吗?

另外,我已经决定确保自己使用jQuery并在“click”事件上方的输入上添加函数来清除字段:

$('input:reset').on('click',function(){

  var form = $(this).closest('form');

  $(form).find('input:text').val('');
  $(form).find('input:checkbox').prop('checked',false);

});

这也不起作用。这很奇怪,因为如果我在控制台中执行以下行,它会成功清除输入:

$('input:reset').closest('form').find('input:text').val('');

有人可以建议我可以尝试解决这个问题吗?

0 个答案:

没有答案