javascript - jquery更改事件验证停止其他操作

Question

不确定这个问题是否已在其他地方得到解答(如果有，请道歉!)但...我有一个在 .change() 事件上验证的编辑字段。我想做的是这样的:如果用户在输入后直接按下鼠标保存按钮，则首先触发 .change()，然后再触发按钮 .click() - 我想在输入的值未获得时阻止 .click() 事件触发清除弹出窗口后，将进行验证。

这是它现在正在执行的操作的示例，但这仍然允许按下其他按钮。

validateRetention(e) {
   if (someCondition) {
      return true;
   } else {
      return false;
   }    
}
$('input[type="number"]').change(function () {
   if (!validateRetention(this)) {
      alert("bad data entered");
   }
}

Answer 1

您需要防止默认操作:

$('form').on('submit', function(event)  {
     if(isNotValidForm) {
          event.preventDefault();
          // make validation balloons
     }
});