<分区>
标签 javascript jquery html css ajax
<分区>
<form id="contactForm" name="enquiryform" method="POST" action="enquirymail.php" class="contact-form">
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="text" id="name" class="form-control" placeholder="Name" required data-error="Please enter your name">
<div class="help-block with-errors"></div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="email" class="email form-control" id="email" placeholder="Email" required data-error="Please enter your email">
<div class="help-block with-errors"></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<input type="text" id="msg_subject" class="form-control" placeholder="Subject" required data-error="Please enter your message subject">
<div class="help-block with-errors"></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<textarea id="message" rows="7" placeholder="Massage" class="form-control" required data-error="Write your message"></textarea>
<div class="help-block with-errors"></div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12 text-center">
<button type="submit" id="submit" class="contact-btn">Submit</button>
<div id="msgSubmit" class="h3 text-center hidden"></div>
<div class="clearfix"></div>
</div>
</form>
这是我的脚本:------------------------------------- -
< script >
$(function() {
$('#contactForm').on('#submit', function(e) {
e.preventDefault();
$.ajax({
type: 'post',
url: 'http://companyname.in/enquirymail.php',
data: $('form').serialize(),
success: function() {
alert('form was submitted');
}
});
});
}); < /script>
最佳答案
由于 .submit() 方法只是 .on( "submit", handler ) 的简写，可以使用 .off( "提交")
$("#contactForm").submit(function(event) {
event.preventDefault();
$.ajax({
type: 'post',
url: 'http://companyname.in/enquirymail.php',
data: $('form').serialize(),
success: function() {
alert('form was submitted');
}
});
});
关于javascript - 表单的提交按钮不起作用。你能告诉我我做错了什么吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53955503/
相关文章：
javascript - 即使调用了 stopPropagation(即通过第 3 方代码)也能捕获点击吗？
javascript - 当容器中有绝对定位的元素时如何扩展容器？
html - 在存储和缓存响应方面处理 oEmbed 的最佳实践是什么？
javascript - 在原型(prototype)内部定义函数(如 toString 函数)
javascript - JQuery，ajax调用后如何访问点击对象？
jquery - 每列列出 3 个 Bootstrap 缩略图
javascript - 如何取消选中多个选择器并使用js执行减法？
javascript - 将参数传递给 reducer 函数