Question

This question already has answers here:

How can I prevent refresh of page when button inside form is clicked? (16 answers)

Closed 2 mins ago.

经批准后,警报电文将出现,有2个选项,即“k”和“cancel”。在点击ok将重载后,问题在于我可以多加批准,因为在点击警钟之后,该网页将重载。

我尝试了浮标功能,但在一点击批准纽特之后,它仍然重新上载,同时试图消除警示(数据-公司),但该网页仍然重载。

采用这些代码:

<button type="submit" name="status" value="2" class="btn btn-success btn-sm m-b-0-0 waves-effect waves-light" data-confirm="Are you sure you want to approve this leave application?"  title="Approve">
    <i class="fa fa-check"></i>
</button>

它是纽芬兰的产物:

“纽扣吨产出”/

我如何能够在不出现警示的情况下多加批准,但仍记录数据?

在点击 check子之后,必须改变行车,如何做到这一点,而不必再上载或翻封页?

https://i.stack.imgur.com/FEqIX.png” rel=“nofollow noreferer”>。

这是整个图像法。

Answer 1

为了在不发出警示和上下页的情况下获得多次核准,你可以使用 Java本处理表格的同步提交。

change the button type to "button" instead of "submit" to prevent the form from being submitted automatically.
add an event listener to the button which triggers when it s clicked.

Answer 2

经批准后,警报电文将出现,有2个选项,即“k”和“cancel”。

如果有<代码>Ok和Cancel, 请使用<代码>form要素。

当一个表格被压缩时,页面自动上载。

To prevent Page reload after Ok button is clicked, You should use preventDefault() method

html文档:

<form id="myForm">
    <!-- your other tags here -->
    <button type="reset" name="reset" >Cancel</button>
    <button type="submit" name="status" value="2" class="btn btn-success btn-sm m-b-0-0 waves-effect waves-light" data-confirm="Are you sure you want to approve this leave application?"  title="Approve">
    <i class="fa fa-check"></i>
   </button>
</form>

Javacast file:

document.addEventListener( DOMContentLoaded , function() {
    document.getElementById( myForm ).addEventListener( submit , function(event) {
        event.preventDefault();
        // Rest of Your form submission logic here
    });
});

if you want inline Javascript, place script tag inside a head tags

<head>
 <!-- your other tags here -->
<script>
document.addEventListener( DOMContentLoaded , function() {
    document.getElementById( myForm ).addEventListener( submit , function(event) {
        event.preventDefault();
        // Rest of Your form submission logic here
    });
});
</script>

</head>
<body>
 <!-- your other tags here -->
   <form id="myForm">
    <!-- your other tags here -->
    <button type="reset" name="reset" >Cancel</button>
    <button type="submit" name="status" value="2" class="btn btn-success btn-sm m-b-0-0 waves-effect waves-light" data-confirm="Are you sure you want to approve this leave application?"  title="Approve">
    <i class="fa fa-check"></i>
   </button>
  </form>
 <!-- your other tags here -->
</body>

友情链接