将 step="1" 放入“datetime-local”输入类型时，jQuery 验证失败

Question

我正在使用https://jqueryvalidation.org/ 表单验证插件

当我将step="1" 放入datetime-local 输入字段以显示秒数时，如果我使用插件验证该字段（例如，只是“必需”），我会收到一个javascript 错误，提示“Step attribute on不支持输入类型 datetime-local”。如果我将此 step="1" 放在未验证的字段中，则它可以正常工作。

$("#testingform").validate();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.min.js"></script>
<form id="testingform">
    <input type="datetime-local" step="1" name="date1" required>
    <button type="submit">Send</button>
</form>

... 只需将日期和时间设置为秒，然后单击“发送”按钮。您可以在控制台中看到错误。

我已经在项目的 github 页面中打开了一个错误，但也许你们中的任何人都有同样的问题，并且已经找到了解决它的方法，或者至少暂时避免它，直到他们修复它。

Answer 1

jQuery validate 自动对输入类型应用规则，因此 step 无法验证。

这将对您有所帮助：

$("#testingform").validate({
  rules: {
    date1: {step: false}
  }
});

<form id="testingform">
    <input type="datetime-local" step="1" name="date1" required>
    <button type="submit">Send</button>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.min.js"></script>