【jquery采坑】Ajax配合form的submit提交(微擎表单提交,ajax验证,submit提交)

1、采坑:实现form的submit提交,在提交之前,进行ajax的不同校验,然后onsubmit=return check(),进行提交

1/1 目的:可以实现以 from的submit提交,然后还能进行数据的ajax动态验证。

2、html:

<form class="form-horizontal" method="post" role="form" onsubmit='return check()'>

    <button type="submit" name="submit" id="submit_color" value="yes" >提交订单</button><br/>

    <input type="hidden" name="token" value="{$_W['token']}" />
<input type="hidden" name="source_from" value="午夜专区订购" />
<input type="hidden" name="can_buy" value="1" />
</div>
</form>

3、js:

function check(){
var self=false;
var delivery_date = $('input[name=delivery_date]').val();
var delivery_way=$('#dispatch option:selected').val();
;
var area_name = $("#area_span").html();
//配送方式需要区域限单判断 -- addBy xzz 2018/09/30
if(delivery_way=='4'||delivery_way=='8'){
$.ajax({
type: "POST",
dataType: "JSON",
async: false, //这里必须是同步,否则程序逻辑错误

url: "{php echo $this->createMobileUrl('checkself2',['op'=>'send_ajax_order_num_check'])}",
data: {'delivery_date':delivery_date,'area_name':area_name},
success: function(msg){
console.log(msg);
if(msg.error==0){
alert('抱歉!'+delivery_date+'日 配送量已经饱和,请选择自提');
self=true;
}else{
return true;
}
}
});
}else{
//自提不限
return true;
}
//配送库存是否满足限购,true不允许再下单,false允许下单
if(self){
return false
;
}

}
上一篇:Android性能优化典例(一)


下一篇:复杂事件处理——Esper入门(示例程序)