如何在ajax表单提交后清除表单字段并打印成功消息 - How to clear form fields and print a success message after ajax form submission

How to clear form fields and print a success message after ajax form submission

我正在使用表单提交。我想知道如何在提交表单后清除表单字段并打印成功消息。

我曾经var选项=(clearForm:true}

但它不起作用

我的代码：-

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
    <script src="http://malsup.github.com/jquery.form.js"></script> 
    <script> 
        // wait for the DOM to be loaded 
        $(document).ready(function() { 
            // bind 'myForm' and provide a simple callback function 
            $('#myForm').ajaxForm(function() { 
                //alert("Thank you for your comment!"); 
            }); 
        }); 
    </script> 
</head>
<body>
    <form id="myForm" name="myForm" action="comment.php" method="post" enctype="multipart/form-data"> 
        <input type="text" name="name" />
        <br /> 
        <textarea name="comment"></textarea> 
        <br />
        <input type="file" value="Share a Pic" name="file" id="file" />
        <br />
        <input type="submit" value="Submit Comment" /> 
    </form>
</body>

只是猜测，但原生form.reset()不会这么做吗？

$(document).ready(function() { 
     $('#myForm').ajaxForm(function() { 
         this.reset();
         alert('success');
     }); 
});

您可以为此使用resetForm。这是文件http://malsup.com/jquery/form/#options-目标

或cna在上使用类似resetForm和clearForm文档的函数http://malsup.com/jquery/form/#api

或者简单地尝试：

$(document).ready(function() { 
     $('#myForm').ajaxForm(function() { 
         success:function(){
               $('#myForm').reset();
         }
     }); 
});

尝试同时使用clearForm();和resetForm();。

官方文件：http://malsup.com/jquery/form/#api

<script type="text/javascript">
    $(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $('#myForm').ajaxForm(function() { 
            //alert("Thank you for your comment!"); 
            $(this).clearForm();
        }); 
    }); 
</script>

应该是：

 $(document).ready(function() { 
      $("#myForm").submit(function(){
         $("input[type='text']").val('');
         $("input[type='textarea']").val('');
         alert('Message');
      });
 });

它使用以下代码：-

<script type="text/javascript">
        $(document).ready(function() {
            var options = { 
                clearForm: true,
                resetForm: true
            };
            // bind 'myForm' and provide a simple callback function 
            $('#myForm').ajaxForm(function() { 
                //alert("Thank you for your comment!"); 
            }); 
            $('#myForm').ajaxForm(options);
        }); 
    </script>

感谢的帮助