javascript - jQuery 删除操作并显示警报

Question

在下面的 HTML 中，我如何删除表单操作并在单击提交按钮时显示警告？

HTML:

<div id="reservation-widget-content">
    <form class="resForm" action="https://www.thebookingbutton.com.au/properties" method="get">

        <button type="submit" id="submit-button">Check Availability</button>
    </form>
</div>

Answer 1

使用 Javasrcipt

'onclick' 是 javascript 中的事件，当元素被点击时执行

 <div id="reservation-widget-content">
        <form class="resForm" action="" method="get">

            <button type="submit" id="submit-button" onclick="alert('Success')">Check Availability</button>
        </form>
    </div>

使用 Jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#submit-button").click(function(){
    alert("Success");
    return false;
});
});
</script>

return false 将阻止页面在警报后被重定向。