使用jQuery清除表单字段

我想清除表单中的所有输入和文本区域字段。当使用reset类的输入按钮时，它的工作原理如下:

$(".reset").bind("click", function() {
  $("input[type=text], textarea").val("");
});

这将清除页面上的所有字段，而不仅仅是表单中的字段。我的选择器看起来像什么形式的实际重置按钮生活?

当前回答

有什么理由不应该使用它吗?

$("#form").trigger('reset');

2013-03-17 18:45:57

其他回答

$('#editPOIForm').each(function(){ 
    this.reset();
});

其中editPOIForm是表单的id属性。

2013-01-18 03:56:01

添加隐藏复位按钮如下

<input id="resetBtn" type="reset" value="reset" style="display:none" />
// Call reset buttons click event
// Similar to ClearInputs('resetBtn');
function ClearInputs(btnSelector) {
     var btn = $("#" + btnSelector);
     btn.click();
}

2013-02-05 10:04:52

如果你想清空所有的输入框，不管它的类型是什么，那么这是一分钟的步骤

 $('#MyFormId')[0].reset();

2017-06-01 12:43:16

经过测试和验证的代码:

  $( document ).ready(function() {
    $('#messageForm').submit(function(e){
       e.preventDefault();
    });
    $('#send').click(function(e){
      $("#messageForm")[0].reset();
    });
  });

Javascript必须包含在$(document)中。准备好了，而且必须符合你的逻辑。

2016-06-01 19:47:02

当页面包含一个涉及IHttpHandler请求处理(captcha)的web用户控件调用时，以上任何一种方法都不适用。在发送请求(用于图像处理)后，下面的代码不清除表单上的字段(在发送HttpHandler请求之前)，一切都正常工作。

<input type="reset"  value="ClearAllFields" onclick="ClearContact()" />

 <script type="text/javascript">
       function ClearContact() {
           ("form :text").val("");
       }
    </script>

2013-05-09 14:29:03

使用jQuery清除表单字段

推荐文章

最新文章

标签