Php 如何在提交ajax表单后清除表单字段并打印成功消息

Php 如何在提交ajax表单后清除表单字段并打印成功消息,php,jquery,ajax,form-submit,Php,Jquery,Ajax,Form Submit,我正在使用表单提交。我想知道如何在提交表单后清除表单字段并打印成功消息 我曾经 变量选项=( clearForm:对 } 但它不起作用 我的密码:- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> <script src="http://malsup.github.com/jquery.form.js"></scr

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

我曾经 变量选项=( clearForm:对 }

但它不起作用

我的密码:-

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

//等待加载DOM
$(文档).ready(函数(){
//绑定“myForm”并提供一个简单的回调函数
$('#myForm').ajaxForm(函数(){
//警惕(“谢谢你的评论!”);
}); 
}); 




只是猜测,但是本机的
form.reset()不会这样做吗

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

只是猜测而已,但是本机
form.reset()
不会这么做吗

$(document).ready(function() { 
     $('#myForm').ajaxForm(function() { 
         this.reset();
         alert('success');
     }); 
}); 
尝试使用
clearForm();
resetForm();

正式文件


$(文档).ready(函数(){
//绑定“myForm”并提供一个简单的回调函数
$('#myForm').ajaxForm(函数(){
//警惕(“谢谢你的评论!”);
$(this.clearForm();
}); 
}); 
尝试使用
clearForm();
resetForm();

正式文件


$(文档).ready(函数(){
//绑定“myForm”并提供一个简单的回调函数
$('#myForm').ajaxForm(函数(){
//警惕(“谢谢你的评论!”);
$(this.clearForm();
}); 
}); 
应该是:

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

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

您可以为此使用
resetForm
。 这是文件

或者cna使用诸如
resetForm
clearForm
文档等功能

或者干脆试试:

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

您可以为此使用
resetForm
。 这是文件

或者cna使用诸如
resetForm
clearForm
文档等功能

或者干脆试试:

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

它使用了以下代码:-

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

$(文档).ready(函数(){
变量选项={
clearForm:是的,
形式:正确
};
//绑定“myForm”并提供一个简单的回调函数
$('#myForm').ajaxForm(函数(){
//警惕(“谢谢你的评论!”);
}); 
$('#myForm').ajaxForm(选项);
}); 

感谢您的帮助

它使用了以下代码:-

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

$(文档).ready(函数(){
变量选项={
clearForm:是的,
形式:正确
};
//绑定“myForm”并提供一个简单的回调函数
$('#myForm').ajaxForm(函数(){
//警惕(“谢谢你的评论!”);
}); 
$('#myForm').ajaxForm(选项);
}); 

感谢您的帮助

您也可以使用form.reset()来清除表单字段您也可以使用form.reset()来清除表单字段SOP使用jQuery插件,因此不需要提交处理程序。OP使用jQuery插件,因此不需要提交处理程序。