不顯示模態

Question

我想說明的通知模式，當我提出form.but不幸的是，模式沒有彈出下面是代碼

$("#submitmodalRetailer").submit(function() { 
 
    var FirstName = $('#FirstNameRetailer').val(); 
 
    var LastName = $('#LastNameRetailer').val(); 
 
    var QRCodeRetailer = $('#QRCodeRetailer').val(); 
 
    var prefixNumberRetailers = $('#prefixNumberRetailer').val(); 
 
    var Retailer7Digits = $('#Retailer7Digit').val(); 
 
    $.ajax({ 
 
    type: "POST", 
 
    url: "addRetailer.php", 
 
    data: $('form.form-modal-retailer').serialize(), 
 
    success: function(msg) { 
 
     $("#RetailerAdd").modal('hide'); 
 
     location.reload(); 
 
     if (msg == 'Valid') { 
 
     $("#RetailerAddshow").modal('show'); 
 
     } else if (msg == 'AlreadyExists') { 
 
     $("#BarcodeExists").modal(); 
 
     } else if (msg == 'Invalid') { 
 
     alert('Your Barcode number is invalid. \n User only 100001 to 199999') 
 
     } 
 
    }, 
 
    error: function() { 
 
     alert("failure"); 
 
    } 
 
    }); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

您需要防止提交按鈕的默認操作。 使用preventDefault()。
閱讀在這裏：https://api.jquery.com/event.preventdefault/

$("#submitmodalRetailer").submit(function (e) { 
    e.preventDefault(); 
}); 

Answer 2

您可以刪除

location.reload(); 

在阿賈克斯成功的方法，以避免頁面重載阻礙彈出窗口顯示出來。

，你也可以在按鈕單擊事件，以防止窗體中添加

e.preventDefault(); 

提交導致重裝也可能阻礙彈出窗口顯示。 並且您需要將e添加爲事件的參數。

$("#submitmodalRetailer").submit(function(e) {. 
 
    e.preventDefault(); 
 
    var FirstName = $('#FirstNameRetailer').val(); 
 
    var LastName = $('#LastNameRetailer').val(); 
 
    var QRCodeRetailer = $('#QRCodeRetailer').val(); 
 
    var prefixNumberRetailers = $('#prefixNumberRetailer').val(); 
 
    var Retailer7Digits = $('#Retailer7Digit').val(); 
 
    $.ajax({ 
 
    type: "POST", 
 
    url: "addRetailer.php", 
 
    data: $('form.form-modal-retailer').serialize(), 
 
    success: function(msg) { 
 
     $("#RetailerAdd").modal('hide'); 
 
     // location.reload(); 
 
     if (msg == 'Valid') { 
 
     $("#RetailerAddshow").modal('show'); 
 
     } else if (msg == 'AlreadyExists') { 
 
     $("#BarcodeExists").modal(); 
 
     } else if (msg == 'Invalid') { 
 
     alert('Your Barcode number is invalid. \n User only 100001 to 199999') 
 
     } 
 
    }, 
 
    error: function() { 
 
     alert("failure"); 
 
    } 
 
    }); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>