【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; }
}