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' 是元素被點擊

<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其中執行JavaScript中的事件將防止pa警告後重定向。

Answer 2

return false將阻止提交按鈕的默認行爲，並停止該事件通過DOM冒泡。

$('#submit-button').click(function(){ 

alert('Submit button clicked !'); 
return false; 

}); 

JSFiddle

返回假並結合

• event.preventDefault的工作（）;
• event.stopPropogation（）;

Answer 3

$('.resform').removeAttr('action').on('submit', function(e){ 
    e.preventDefault(); 
    alert('form submitted'); 
    // rest of the code 
}); 

Answer 4

<div id="reservation-widget-content"> 
<form class="resForm" action="" method="get"> 
<button type="button" id="submit-button">Check Availability</button> 
</form> 
</div> 

$('#submit-button').click(function(){ 
alert('Show something'); 
}); 

試試這個。 將按鈕類型更改爲「按鈕」（現在您使用的是「提交」，這將在單擊按鈕時提交表單）。