单击“提交”按钮后重置表单域

时间:2015-03-20 05:00:45

标签: javascript

我尝试了其他有用的评论,但仍无法使我的代码正常运行。我是js的新手,所以我非常感谢能得到的任何帮助。谢谢你。

//表单提交

$(".feedback-form").submit(function(e){
    $('.message', this).remove();
    if($(".feedback-form").valid()){
        e.preventDefault();
        $(this).prepend('<div class="loading"></div>');
        dataString = $(".feedback-form").serialize();
        $.ajax({
            type: "POST",
            url: "send.php",
            data: dataString,
            success: function(data) {
                $('.feedback-form .loading').remove();
                $('.feedback-form').prepend('<div class="message message-ok">Sent successfully!</div>').find('.message').fadeIn().delay(5000).fadeOut();
                $('feedback-form')[0].reset(); 

2 个答案:

答案 0 :(得分:0)

您可以在成功函数中尝试此操作:

$(".feedback-form").find("input[type=text], textarea").val("");

答案 1 :(得分:0)

我想你忘了&#34;。&#34;在选择器

$('feedback-form')[0].reset();

纠正于:

$('.feedback-form')[0].reset();

因此,请检查这是否可以帮助您。

否则,使用jquery和javascript的其他选项:

$('.feedback-form').trigger("reset");

$(".feedback-form").get(0).reset();

document.getElementsByClassName('feedback-form').reset();

使用输入类型reset

<input type="reset">