Question

我在页面上有一个按钮，因此每次单击它时，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 for button

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

Answer 1

这可能对您有所帮助

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

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

Answer 2

一个选项是：使用type="button"代替type="submit"

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

Answer 3

让getData（）返回false。这将解决它。

<form method="POST">
   <button name="data" onclick="return getData()">Click</button>
</form>

Answer 4

e.preventDefault(); add it in your js will stop refreshing your page. 

<form name="formname" onsubmit="return false">

单击按钮时停止刷新页面

4 个答案: