WedX - журнал о программировании и компьютерных науках

Остановка страницы для обновления при нажатии кнопки

У меня есть кнопка на странице, поэтому каждый раз, когда я нажимаю ее, запускается код 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;">
05.01.2018

  • Также у меня есть другая форма, и при отправке все работает нормально, и страница также не обновляется. Поэтому я не могу понять, что пошло не так с этой формой. 05.01.2018

Ответы:


1

Это может помочь вам

$("#btn-payment").click(function(e){
  e.preventDefault();

   //your code goes here.
   return false;
})
05.01.2018

2

Один из вариантов: использовать type="button" вместо type="submit".

<input id="btn-payment" class="btn btn-primary" type="button" value="Submit" style="margin-left: 0px;">
05.01.2018

3

Пусть getData() возвращает false. Это исправит это.

<form method="POST">
   <button name="data" onclick="return getData()">Click</button>
</form>
05.01.2018
Новые материалы

Объяснение документов 02: BERT
BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

Как проанализировать работу вашего классификатора?
Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..

Учебные заметки: создание моего первого пакета Node.js
Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..

Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..


Для любых предложений по сайту: [email protected]