引导框验证错误消息未出现在 Firefox 中，但未出现在 chrome 中

问题描述

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

$("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 上

解决方法

解决了！原来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!');
})

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