Bootbox 验证错误消息未出现在 firefox 但不是 chrome

Question

标题描述了问题，我创建了一个小提琴来显示问题。

$("input[name='delete']").click(function(e) {
  e.preventDefault();
  bootbox.confirm("Are you sure?", function(result) {
    if (result) {

      // form validation
      if (document.getElementById("student_delete_form").reportValidity()) {
         $('#student_delete_form').submit();
      }
    }
  });
});

预期结果： chrome 和 firefox 上的验证错误消息

实际结果：验证错误消息仅出现在 firefox 而不是 chrome

Answer 1

解决了！ 原来if语句应该在bootbox之前

$("input[name='delete']").click(function(e) {
  e.preventDefault();
  // form validation
  if (document.getElementById("student_delete_form").reportValidity()) {
    bootbox.confirm("Are you sure?", function(result) {
      if (result) {
        $('#student_delete_form').submit();
      }
    });

  }
});

$('#student_delete_form').on('submit', function() {
  alert('I am submitted!');
})

我还为遇到与我相同问题的任何人更新了小提琴