name=''的无效窗体控件不可聚焦。没有任何必需的或隐藏的输入

Question

<fieldset>
    <label>Total (montaje incl.)</label>
    <input type="number" id="priceFinal" name="priceFinal"> €
</fieldset>

当用户填写表单时，该字段通过jQuery的js脚本获取其值。用户在另一个输入中输入一个size，脚本对size值进行数学运算，然后使用jquery函数将结果放入“price final”输入：.val（）

在浏览器中，我们可以看到输入是正确填写的，并且没有错误显示在当时。使用'novalidate'解决方案，一切都很顺利，所以我认为它不可能是nofocusable错误的原因。

然后，我在一个没有名称的输入中得到了同样的错误，而这个输入不是我写的，也不存在于我的DOM中：

<input type="submit" class="btn btn-default" value="Ver presupuesto" />

<fieldset>
    <input type="text" id="clientName" name="clientName" placeholder="Nombre y apellidos"  class="cInput" required >
    <input type="text" id="client_ID" name="client_ID" required placeholder="CIF / NIF / DNI" class="cInput">
</fieldset>
<fieldset>
    <input type="text" id="client_add" name="client_add" placeholder="Dirección de facturación" class="addInput" required >
</fieldset>

<fieldset>
    <input type="text" id="client_ph" name="client_ph" placeholder="Teléfono" class="cInput" required>
    <input type="email" id="client_mail" name="client_mail" placeholder="Email" class="cInput" required> 
</fieldset>

novalidate解决方案清除了错误，但它并没有修复它，我的意思是必须有一种方法来解决它，而不需要黑客。

有人知道会发生什么吗？谢谢

Answer 1

我也遇到了同样的问题，每个人都责怪所需的隐藏输入太差，但在一个字段集内设置所需字段似乎是一个bug。Chrome试图聚焦（出于某种未知的原因）你的字段集，而不是你所需的输入。

这个bug只存在于我测试的版本43.0.2357.124m的chrome中。在火狐里是不会发生的。

示例（非常简单）。

<form>
  <fieldset name="mybug">
    <select required="required" name="hola">
      <option value=''>option 1</option>
     </select>
    <input type="submit" name="submit" value="send" />
  </fieldset>
</form>