Javascript 如何在不重新加载页面的情况下在中显示模式

Javascript 如何在不重新加载页面的情况下在中显示模式,javascript,php,jquery,twitter-bootstrap,Javascript,Php,Jquery,Twitter Bootstrap,这里我做了表单验证,表单验证完成后,填写所有字段并单击邀请报价按钮表示我想显示模式,填写所有字段后我想填写模式表单表示我想关闭该模式,但不想刷新页面,在这里,我单击“邀请报价”按钮意味着页面正在刷新,并且modal没有显示如何做到这一点 /*$('#businessForm')。提交(函数(e){ e、 预防默认值(); validateForm(); });*/ 函数validateForm(){ var ratesfor=document.forms[“myForm”][“ratesfo

这里我做了表单验证,表单验证完成后,填写所有字段并单击邀请报价按钮表示我想显示模式,填写所有字段后我想填写模式表单表示我想关闭该模式,但不想刷新页面,在这里,我单击“邀请报价”按钮意味着页面正在刷新,并且modal没有显示如何做到这一点


/*$('#businessForm')。提交(函数(e){
e、 预防默认值();
validateForm();
});*/
函数validateForm(){
var ratesfor=document.forms[“myForm”][“ratesfor”].value;
如果(ratesfor==null | | ratesfor==“”){
document.getElementById(“rate_err”).innerHTML=“字段为空”;
}
var no=document.forms[“myForm”][“no”].value;
如果(否==null | |否==“”){
document.getElementById(“no_err”).innerHTML=“字段为空”;
}
var breath=document.forms[“myForm”][“breath”].value;
如果(呼吸==null | |呼吸==“”){
document.getElementById(“b\u t\u err”).innerHTML=“字段为空”;
}
var height=document.forms[“myForm”][“height”].value;
如果(高度==null | |高度==“”){
document.getElementById(“高度错误”).innerHTML=“字段为空”;
}
变量卡车类型=document.forms[“myForm”][“卡车类型”]。值;
如果(卡车类型==null | |卡车类型==“”){
document.getElementById(“卡车类型错误”).innerHTML=“字段为空”;
}
var datepicker=document.forms[“myForm”][“datepicker-13”].value;
如果(datepicker==null | | datepicker==“”){
document.getElementById(“拾取错误”).innerHTML=“字段为空”;
}
var myTime=document.forms[“myForm”][“myTime”].value;
如果(myTime==null | | myTime==“”){
document.getElementById(“time\u err”).innerHTML=“字段为空”;
}
var from=document.forms[“myForm”][“from”].value;
if(from==null | | from==“”){
document.getElementById(“from_err”).innerHTML=“字段为空”;
}
var to=document.forms[“myForm”][“to”].value;
如果(to==null | | to==“”){
document.getElementById(“to_err”).innerHTML=“字段为空”;
返回false;
}
否则{
$('#businessForm')。提交(函数(e){
e、 预防默认值();
})
$.ajax({
url:'search_truck.php',
类型:'POST',
数据:{'state_id':city},
成功:功能(数据){
//var res=jQuery.parseJSON(数据);//转换json
控制台日志(数据);
},
});
}
}
$(文档).ready(函数(){
$(“#myBtn”)。单击(函数(){
$(“#myModal”).modal();
});
});
$(文档).ready(函数(){
$(“#注册”)。单击(函数(){
$(“#myModal”).hide();
$(“#myModal_寄存器”).modal();
});
});

费率
长度
脚
嗯
地铁
广度
脚
嗯
地铁
高度
脚
嗯
地铁
卡车类型
脚
嗯
地铁
提货日期

取货时间
目的地 从…起 艾哈迈达巴德 班加罗尔 到 古拉贡 海得拉巴
邀请报价 &时代; 登录 用户名 密码 记得我吗 登录 不是会员?

&时代; 登记处 用户名 电子邮件 密码 确认密码
<button type="submit" class="btn btn-primary btn-lg btn-block">INVITE QUOTES</button>
<button type="button"  class="btn btn-primary btn-lg btn-block">INVITE QUOTES</button>