提交表单后重置表单字段

Question

您好我正在使用jquery验证，我的表单正在成功验证和提交，但是包含先前数据的字段，我想在提交表单后重置这些字段。

$('#frm').reset(); is not working. $('#frm').reset(); is not working.

submitHandler: function(form)
{
    $.ajax({
        url: "contact_submit.php",
        type: "post",
        data: $("#frm").serialize(),
        success:function(response)                  
        {
            if(response)
            {
                $('#msg-valid').html('<img src="img/valid.png">Your form is submited, Thank You !');
                $('#frm').reset();
            }
            else{
                $('#msg-error').html('<img src="img/error.png">Your form is not submited');                         
            }
        }
    });
}

Answer 1

基本上.reset()是本机javascript函数。 您正在尝试从包装的Jquery对象调用它。 因此，很可能会在您的console引起错误，因此，要访问它，首先必须从Jquery对象中提取javascript对象，然后像调用该函数一样，

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

Answer 2

试试看

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

它将清除表单字段

Answer 3

我发现，以下代码在提交后重置了表单。

submitHandler: function(form)
        {
            $.ajax({
                url: "contact_submit.php",
                type: "post",
                data: $("#frm").serialize(),
                success:function(response)

                {
                    if(response)
                    {
                    $('#msg-valid').html('<img src="img/valid.png">Your form is submited, Thank You !');

                        $(':input').not(':button, :submit, :reset, :hidden, :checkbox, :radio').val('');
                        $(':checkbox, :radio').prop('checked', false);

                    }
                    else{
                        $('#msg-error').html('<img src="img/error.png">Your form is not submited');

                    }
                }

            });

        }