0

我创建了一个包含提交和重置按钮的表单。在表单提交之前，重置按钮工作正常。提交表单后，我的视图包含一些预先填充的值。提交表单后，如果它有任何错误消息，它会使用 ModelState.AddError() 方法显示。现在，如果我点击重置按钮，值不会被清除。

我尝试使用 JQuery 之类的

 $("#reset_button").click(function() {
                $("#InterviewerName").val("");
                $("#ContactName").val("");
});

但它不起作用。有任何想法吗？

这是表单中的我的按钮

<input type="submit" id="submit" value="submit" style="height:30px; width:85px; border:none; text-align:center; background-color:#06266F;cursor:pointer;color:white" /> 
    @Html.Raw("&nbsp;")
    <input type ="reset" id ="reset_button", value ="Reset" style="height:30px; width:85px; text-align:center; border:none; background-color:#06266F;cursor:pointer;color:white"/>
4

3 回答 3

1

使用这个 Jquery 函数：

$.fn.clearForm = function() {
        return this.each(function() {
            var type = this.type, tag = this.tagName.toLowerCase();
            if (tag == 'form')
                return $(':input',this).clearForm();
            if (type == 'text' || type == 'password' || tag == 'textarea')
                this.value = '';
            else if (type == 'checkbox' || type == 'radio')
                this.checked = false;
            else if (tag == 'select')
                this.selectedIndex = -1;
        });
    };

并使用以下方法调用此函数： 

  $("#reset_button").click(function(){

      $('#login').clearForm();
  });
于 2014-11-07T05:55:12.530 回答
1 
变种形式 = $("#myForm");

形式
    。上（{
        提交：函数（）{
            //处理表单提交

            //假设它是一个ajax调用，否则忽略
            返回假；
        },
        重置：函数（）{
            // 处理表单重置
            $("#InterviewerName").val("");
            $("#ContactName").val("");

            //假设它是一个ajax调用，否则忽略
            返回假；

        }
    });

表单提交和重置事件处理程序属于表单

如果它不是由 javascript 生成的，我也建议你将你的 css 移动到一个文件中，这也不是一个好主意

于 2013-11-13T16:54:16.030 回答
0

你为什么不像这样使用重置类型按钮

<input type="reset" value="Reset"/>

JSFiddle

编辑

这是一个代码示例，它将清空您输入的所有值

$(document).ready(function() {
    $("#reset_button").on('click', function() {
        $('#myForm').find('input').each(function() {
            $(this).val('');
        });
    });
});

JSFiddle

于 2013-11-13T16:36:13.627 回答