使用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

$('form').submit(function() {

    var el = $(this);

    $('<button type="reset" style="display:none; "></button>')
        .appendTo(el)
        .click()
        .remove()
    ;

    return false;

});

2013-04-19 13:04:33

$(document).ready(function() {
    $('#reset').click(function() {
    $('#compose_form').find("input[type=text] , textarea ").each(function() {
    $(this).val('');
   });
  });
});

2020-08-14 13:32:33

这不会处理表单输入字段默认值为非空的情况。

应该可以工作

$('yourdiv').find('form')[0].reset();

2011-06-15 21:03:43

@using (Ajax.BeginForm("Create", "AcceptanceQualityDefect", new AjaxOptions()
{
    OnSuccess = "ClearInput",
    HttpMethod = "Post",
    UpdateTargetId = "defect-list",
    InsertionMode = InsertionMode.Replace
}, new { @id = "frmID" }))

frmID是表单的标识我们调用JavaScript函数的名称为"ClearInput" <脚本type = " text / javascript”> 函数ClearInput() { //创建视图 $ (" # frmID ") . get (0) .reset (); ｝ > < /脚本如果这两项你都做对了，那么你将无法阻止它的工作……

2014-05-23 06:49:58

使用jQuery清除表单字段

推荐文章

最新文章

标签