单击提交时调用函数

Question

你好，我正在尝试调用一个函数，但是在我点击提交后，这里没有提交的 ID，我得到的是：

<input type="submit" name="save" value="Continue" onclick="return validateFrm();" class="btn primary-btn btn-ctnue row alignCenter" autocomplete="off">

所以我希望它是这样的，例如：

如果点击提交然后运行这个： function example() { alert('Yay!'); ) function example() { alert('Yay!'); )

Anyidea 如何在 JavaScript/Jquery 上做到这一点

Ps：有很多提交所以我想要这个特定的提交

Answer 1

1. 使用 CSS 选择器input[name=save]选择提交按钮
2. 添加侦听器以触发click事件并传递要执行的函数。

document.querySelector("input[name=save]").addEventListener("click", function(){
    alert('Yay!');
});

Answer 2

<button id="submit-btn">SUBMIT</button> //html file

const submitBtn = document.getElementById('submit-btn');

  function showAlert() {
  alert ('YAY!');
}
showAlert();

submitBtn.addEventListener('click', showAlert);