javascript - Safari 9 失败 querySelectorAll，错误代码为 :invalid selector

Question

考虑这个 JSFiddle:https://jsfiddle.net/4ngsTrIb1DI5te5H/veqLhnmp/

它有六个带有 required 属性的字段。我使用 jQuery 为 change 事件设置了一个事件处理程序，该事件处理程序将剩余的必需无效字段写入控制台。它在除 Safari(或者我开始称之为新的 IE6)之外的所有其他浏览器中都能完美运行。 Safari 有一半的时间会返回错误的数字。

我该如何解决这个问题？我的最终目标是简单地要求 jQuery 告诉我容器元素中是否存在无效的必填字段。

Answer 1

Safari 不完全支持表单验证(引用: http://caniuse.com/#search=%3Ainvalid )

这不是一个完美的解决方案，但它可能会有所帮助:

  // All the elements which are required and lack a value attribute
  var empties = $("[required] [value]").not();

  // Count the number of selects
  var selects = $("select").length;

  // Count the number of selected options
  var selected = $("option[selected]").length;

  if (selected < selects) // One of the selects hasn't been selected

如果存在多项选择，则此方法不会非常可靠，并且仅检查数据是否存在并不是非常严格的验证。