jQuery表单验证 - 不要滚动到错误

Question

当用户提交表单时，我有以下功能

if ( $('form').checkValidity() ) {
   // send the form
} else {
  // do stuff with the errors
}

页面滚动到任何有错误的输入字段。

如何停止页面滚动？

我试过了

$('form').checkValidity({focusInvalid: false})

但没有效果。

Answer 1

也许是这样的 - 或者你总是可以使用不同的库进行表单验证：

$(".rate input[type='number']").change(function() {
    $("#rate").val(""); //i am reseting the value
    rateForA =$('#rate').val(); //but i am getting null
    console.log(rateForA);
});

或许这个：

webshim.setOptions("forms", {
    list: {
        "filter": "*",
        "multiple": false,
        "focus": false, // perhaps this is what you need to set
        "highlight": false,
        "valueCompletion": false,
        "inlineValue": false,
        "noHtmlEscape": false,
        "popover": {
            "constrainWidth": true
        }
    }
});

Answer 2

$('form').checkValidity(focusInvalid: false)

会给你一个语法错误。

尝试

$('form').checkValidity({focusInvalid: false})