[英]Reset form after submitting via jQuery
我想写一个简单的联系表单,提交后应清理所有字段并提醒。 我是初学Javascript也在编程。 我的代码显示错误:
$()复位(); 不是一个功能
<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!");
})
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');
它是一个javascript函数,而不是jQuery
$('#myForm')[0].reset();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.