提出後にフォームをリセットする

Question

メールが間違っていると、私は同じページに留まる間にエラーメッセージを表示します。これはajaxを使用したためです。今私はフォームを提出するときに達成しようとしています、そして、フォームはリセットされたエラーです。

私はreset();を試しましたが、動作しませんでした。

<?php 
    header("Refresh:7; url=contact.php"); 
    $email = $_POST['subscribefield']; 

    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) { 
     echo "Dit emailadres klopt niet"; 
     reset($email); 
    } 


    $to = "flash1996mph@hotmail.com"; 
    $subject = "Abonee voor de nieuwsbrief"; 
    $body = "$email \n Heeft zich aangemeld voor de nieuwsbrief"; 

    mail($to, $subject, $body); 
    echo "U heeft zich zojuist aangemeld voor de vandenberg nieuwsbrief"; 
?> 

と

$('form.subscribe').on('submit', function() { 
    var that = $(this), 
    url = that.attr('action'), 
    method = that.attr('method'), 
    data = {}; 

    that.find('[name]').each(function(index, value) { 
     var that = $(this), 
     name = that.attr('name'), 
     value = that.val(); 

     data[name] = value; 
    }); 

    $.ajax({ 
     url: url, 
     type:method, 
     data: data, 
     success: function(response) { 
      $('#success-message').html(response).show(); 
      setTimeout(function() { 
       $('#success-message').fadeOut('slow'); 
      }, 2000); 
     } 
    }); 
    return false; 
}); 

Answer 1

あなたが本当にやりたいことは、フォームの値を試す空にしている場合：

$(':input','form.subscribe') 
.not(':button, :submit, :reset, :hidden') 
.val('') .removeAttr('checked') 
.removeAttr('selected'); 

Answer 2

あなた<form>の内側には、このボタンを置く：

<input type="reset" value="Reset Form" id="resetButton" > 

、あなたはこのような見返りに誤りを見つけたときに、このボタンをクリックをする、

$("#resetButton").click(); 

を

Answer 3

ajax呼び出しが成功したようなものですが、何かが間違っている場合は、クライアントサイドのフォームをリセットしてください。例えば

：一方

success: function(resp) { 
    // if the form is invalid 
    if (resp.invalid) { 
     // find your elems 
     $('#myForm').find('input[type=text]').val(""); 
    } 
} 

あなたも、サーバー上でクライアント側で最初にフォームを検証する必要があります。たとえばthis libraryは非常に便利です。