模态表格请填写此字段警告仅显示在Chrome中，但不会显示在Safari中吗？

Question

我有一个模态表单，当我在Chrome中打开时，如果我点击登录而不放入任何字段，它会给我一个警告 - 请填写所有字段，但是当我在Safari中打开它并且我点击签名时 - 在没有填写任何字段的情况下，它会立即提交，没有任何警告和空字段。

想知道为什么？

Answer 1

因此，此答案可以关闭，为了更好地了解Nikhil's great comment，这不是Bootstrap或Modals的问题。 Safari浏览器处理HTML5中的required属性

的方式只是一个问题

来自caniuse.com/#feat=form-validation：

  

Safari中的部分支持是指在尝试提交包含必填字段的表单时缺少通知

这是Javascript polyfill for the required attribute in Safari：

//Required attribute fallback
$('#formTemplate').submit(function() {
  if (!attributeSupported("required") || ($.browser.safari)) {
   //If required attribute is not supported or browser is Safari (Safari thinks that it has this attribute, but it does not work), then check all fields that has required attribute
   $("#formTemplate [required]").each(function(index) {
    if (!$(this).val()) {
     //If at least one required value is empty, then ask to fill all required fields.
     alert("Please fill all required fields.");
     return false;
    }
   });
  }
  return false; //This is a test form and I'm not going to submit it
});