jquery submit 前的檢查

 var allowSubmit = false;  // By default deny the submit
         $("#btn_SAVE").on('click', function (e, options) {
             options = options || {};
             if ($("#OrderMtn").valid()) {
                 if (!options.CheckOrderXXXX) {
                  e.preventDefault(); // <=================== Here   會阻擋預設要發生的事件.
                 fSubmit = true;
                 var hashes;
                 if ($('#txt_Order_PayUser').val().slice(-1) == ";")
                     hashes = $('#txt_Order_PayUser').val().slice(0, -1).split(';');
                 else
                     hashes = $('#txt_Order_PayUser').val().split(';');
                 if ((hashes.length > 1) && (hashes.length != $('#txt_Order_Qty').val())) {
                     alert('資料不合,請重新輸入!');
                     $('#txt_Order_PayUser').focus();
                     return false;
                 }
                 else if ((hashes.length == 1) && (hashes.length != $('#txt_Order_Qty').val())) {
                     if (!confirm('是否為一人訂購多份餐點資料?')) {
                         $('#txt_Order_Qty').focus();
                         return false;
                     }
                 }
                 if (!confirm('確定送出資料?')) {
                     return false;
                 }
                
                     var form = $('#OrderMtnXXX');
                   
                     $.ajax({
                         url: 'DataCheckHandler.ashx',
                         async: 'false',
                         cache: 'false',
                         type: 'POST',
                         data: $.param({ action: "CheckOrderXXXX",
                             Data_Action: $.getUrlVar("action"),
                             bOp: !$('#btn_SAVE').is('[disabled=disabled]'),
                             Order_DT: $("#txt_Order_DT").val(),
                             Order_PayUser: $("#txt_Order_PayUser").val(),
                             MenuSort_ID: $("input:radio[id^='rbl_MenuSort_ID']:checked").val(),
                             bAuth: $("#hid_OrderUser").val() == "true" ? true : false
                         }),
                         success: function (response) {
                             var result = $.parseJSON(response);
                             if (result.state == 'confirm') {
                                 if (confirm(result.msg))
                                 { allowSubmit = true; }
                             } else if (result.state == "error") {
                                 alert(result.msg);                                 
                             } else if (result.state == "ok") {
                                 allowSubmit = true;
                             }
                         }
                     })
                     .then(function () {
                         // e.type === 'submit', if you want this to be more dynamic
                         if (allowSubmit)
                             $(e.currentTarget).trigger(e.type, { 'CheckOrderXXXX': true });
                         else
                             return false;
                     })

                 }
             };

         });


/*

  1. event.preventDefault()會阻擋預設要發生的事件.
  2. event.stopPropagation()會阻擋發生冒泡事件.
  3. 而return false則是前面兩者的事情他都會做:
    • 他會做 event.preventDefault();
    • 他會做 event.stopPropagation();
    • 停止callback function的執行並且立即return回來

*/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值