У меня есть кнопка на странице, поэтому каждый раз, когда я нажимаю ее, запускается код onclick, а затем страница обновляется. Раньше все работало нормально, а сейчас начал обновлять страницу.
Как input type is submit
сейчас, он обновляет страницу, но если я делаю input type to button
, он не обновляет мою страницу, но моя проверка начальной загрузки для входных элементов не работает.
Поэтому мне нужно, чтобы мои проверки работали, а страница не должна обновляться автоматически.
Ниже мой код.
$("#btn-payment").click(function(){
if($('#select-GenAccount').val() !="" && $('#input-transactionID').val() != "" && $('#select-transactionType').val() != "" && $('#input-transactionDate').val() != "" && $('#input-BankName').val() != "" && $('#input-AccountName').val() != "" && $('#input-Amount').val() != "")
{
if(parseInt($("#input-OutBalance").val()) >= parseInt($("#input-Amount").val()))
{
$("#div-paymentError").css('display','none');
BootstrapDialog.show({
cssClass: 'login-dialog',
title: 'Confirmation',
message: 'Are you sure you want to make a part payment entry?',
buttons: [{
label: 'Yes',
action: function(dialog) {
dialog.close();
GetUserProfileData().done(function(returnedValue)
{
CreateListItemPayment(returnedValue, 'Part_Payment');
}
}, {
label: 'No',
action: function(dialog) {
dialog.close();
}
}]
});
}
else
{
$("#div-paymentError").text("Amount entered can not be more then outstanding balance");
$("#div-paymentError").css('display','inline-block');
}
}
});
HTML для кнопки
<input id="btn-payment" class="btn btn-primary" type="submit" value="Submit" style="margin-left: 0px;">