2016-07-13 7 views
1

送信した後、すべてのフィールドを消去してアラートする必要がある簡単な連絡フォームを作成したいと思います。私はプログラミングでもJavascriptで初心者です。jQueryで送信した後にフォームをリセットする

$().reset(); is not a function

<form method="POST" id="myForm" data-toggle="validator" action="email.php"> 
    <h2 class="section-heading">Свяжитесь с нами:</h2> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">Имя:</label> 
    <input style="background:none;" id="firstName" name="firtname" class="form-control" placeholder="Имя" required> 
    <p id="p1"></p> 
    </div> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">Тема:</label> 
    <input style="background:none;" id="subjectTheme" name="subject" class="form-control" placeholder="Тема" required> 
    <p id="p2"></p> 
    </div> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">Электронная почта:</label> 
    <input style="background:none;" type="email" id="email" name="email" type="email" class="form-control" placeholder="Электронная почта" required> 
    <p class="help-block with-errors"></p> 
    </div> 
    <div class="form-group"> 
    <label>Сообщение:</label> 
    <textarea style="background:none;" name="message" class="form-control" rows="3"></textarea> 
    </div> 
    <input type="submit" id="sendButton" class="btn btn-default"/> 
</form> 
$('#myForm').submit(function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type: 'POST', 
     url: 'email.php' 
    }); 
    $('#myForm').reset(); 
    alert("Success!"); 

}) 
+3

javascript関数ではありませんjQueryではなく、ネイティブDOMメソッド。 – gcampbell

答えて

3

reset()ので、フォームDOMElementのではなく、jQueryオブジェクト、エラー時にメソッドです:私のコードは、エラーが私を示しています。 、あなたが必要なものを達成するために、次のいずれかの方法で動作します:あなたはそれがだことが分かっただろういくつかのドキュメントを見たい場合は

// call reset on the DOMElement 
$('#myForm')[0].reset(); 
$('#myForm').get(0).reset(); 

// trigger a reset event via the jQuery object 
$('#myForm').trigger('reset'); 
0

それはjQueryの

$('#myForm')[0].reset(); 
関連する問題