Javascript 使用ajax提交表单时出错
由于某些原因,表单未提交。我已经使用ajax表单在数据库中保存表单详细信息 以下是网站链接: 下面是脚本代码Javascript 使用ajax提交表单时出错,javascript,html,ajax,forms,validation,Javascript,Html,Ajax,Forms,Validation,由于某些原因,表单未提交。我已经使用ajax表单在数据库中保存表单详细信息 以下是网站链接: 下面是脚本代码 <script> $(document).ready(function() { $("#submit-form-button").click(function() { submitForm(); }); }); function submitForm() { if ( $("#NAME").val() == '' || $("#EMAIL").v
<script>
$(document).ready(function() {
$("#submit-form-button").click(function() { submitForm(); });
});
function submitForm() {
if ( $("#NAME").val() == '' ||
$("#EMAIL").val() == '' ||
$("#MOBILE").val() == '' ||
$("#NOTE").val() == '' )
{ alert ("All field are required");}
else {
$.ajax({
type: "POST",
url: "http://famproperties.com/real_estate/property/contact/lead/",
data: {
NAME: $("#NAME").val(),
EMAIL: $("#EMAIL").val(),
MOBILE: $("#MOBILE").val(),
NOTE: $("#NOTE").val(),
SOURCE: 'MSB.COM'
},
success: function() {
alert("Thanks, Our specialist will contact you soon.");
},
dataType: 'html'
});
$("#NAME").val('');
$("#EMAIL").val('');
$("#MOBILE").val('');
$("#NOTE").val('');
}};
</script>
这是表格代码
<!--NEW FORM -->
<div class="form-horizontal" role="form" accept-charset="UTF-8" action="http://famproperties.com/real_estate/property/contact/lead/" autocomplete="on" id="pro-form" method="post">
<div class="form-group">
<label for="NAME" class="col-sm-2 control-label">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="NAME" required="" placeholder="Name">
</div>
</div>
<div class="form-group">
<label for="EMAIL" class="col-sm-2 control-label ">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="EMAIL" required="" placeholder="me@example.com">
</div>
</div>
<div class="form-group">
<label for="MOBILE" class="col-sm-2 control-label">Mobile</label>
<div class="col-sm-10">
<input type="phone" class="form-control inputs" id="MOBILE" required="" placeholder="Mobile">
</div>
</div>
<div class="form-group">
<label for="NOTE" class="col-sm-2 control-label">Message</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="NOTE" required="" placeholder="Note">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<a href="#" onclick="return false" class="btn btn-default btn-lg button" id="submit-form-button" style="background-color: #ffc600;
color: #2a292a;
width: 100%;"> Submit <span class="fa fa-chevron-right fa-1x"></span><span class="fa fa-chevron-right fa-1x"></span> </a>
</div>
</div>
</div>
<!--NEW FORM-->
在控制台上看到甚至没有加载jquery的页面时,检查控制台,您将看到以下错误:
未捕获引用错误:$未定义
这就是ajax不起作用的原因
编辑:抱歉,再次检查代码我看到您正在加载jQuery,但您正在尝试在加载之前使用jQuery。因此,请尝试将jquery脚本标记移动到标题或将js移动到jquery脚本标记下方。问题中应该包含代码。我已经注意到-您能找到页面为什么不提交的错误吗?哪个jquery代码?因为我使用了很多。--我指的是jquery库:jquery-2.0.3.min.jsnp,记得每次出现javascript错误时都要检查控制台;