Jquery 是否可以防止表单重置清除只读字段?

Jquery 是否可以防止表单重置清除只读字段?,jquery,html,forms,Jquery,Html,Forms,我使用清除表单 如何防止重置功能清除或字段?您可以这样做 Jquery $("#reset").click(function(){ $("input").each(function(){ if($(this).is('[readonly]') == false && $(this).is('[disabled]')== false) { $(this).val(null); } }); }); HTML <input type

我使用
清除表单


如何防止重置功能清除
字段?

您可以这样做

Jquery

$("#reset").click(function(){
  $("input").each(function(){

    if($(this).is('[readonly]') == false && $(this).is('[disabled]')== false)
    {
      $(this).val(null);
    }
  });
});
HTML

<input type="text" readonly value="test">
<input type="text" value="okok">
<input type="text" value="disabled" disabled>
<button id="reset">
Reset
</button>

重置

你可以这样做

Jquery

$("#reset").click(function(){
  $("input").each(function(){

    if($(this).is('[readonly]') == false && $(this).is('[disabled]')== false)
    {
      $(this).val(null);
    }
  });
});
HTML

<input type="text" readonly value="test">
<input type="text" value="okok">
<input type="text" value="disabled" disabled>
<button id="reset">
Reset
</button>

重置


var resetForm=function()
//或者这可能更好
//var resetForm=function(){$('input,select,textarea')。而不是('[readonly],[disabled],:button')。val('';}
jsbin:

更新: 使用
resetForm
重命名函数
reset
,因为它被保留在
内,因此无法工作。


var resetForm=function()
//或者这可能更好
//var resetForm=function(){$('input,select,textarea')。而不是('[readonly],[disabled],:button')。val('';}
jsbin:

更新:
使用
resetForm
重命名函数
reset
,因为它在
内部保留不起作用。

创建您自己的函数我已尝试将.ignore类添加到禁用的字段中,并使用以下函数$('input:text:not('ignore')).val(“”);但它仍然会清除所有字段。创建自己的函数我已尝试向禁用的字段添加一个.ignore类,并使用以下函数$('input:text:not(“.ignore”)).val(“”);但它仍然会清除所有字段。这似乎工作正常,但当我将输入字段放入-标记时,它就停止工作。有什么建议吗?很简单。非常感谢你的帮助!这似乎工作得很好,但当我将输入字段放入-标记时,它就停止工作了。有什么建议吗?很简单。非常感谢你的帮助!