javascript - jqxValidator，在验证错误时禁用自动滚动

Question

我在使用 jqxValidator 时遇到问题。当我运行 .jqxValidator('validate') 时，如果窗口包含错误，它会滚动到经过验证的输入。有没有办法禁用此功能并让滚动条保持原样？

我尝试了那里描述的属性和功能：

http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxvalidator/jquery-validator-api.htm

但没有运气。这是我的问题。

http://jsfiddle.net/mGqWD/5/

$('#testForm').jqxValidator({
 rules: [{
     input: '#userInput',
     message: 'Username is required!',
     action: 'blur',
     rule: 'required'
 }]});

$("#jqxbutton").click(function () {
    $('#testForm').jqxValidator('validate'); 
});

感谢您的任何想法！

Answer 1

滚动属性不应该在规则中，而是在 jqxValidator 中

$('#testForm').jqxValidator({
     focus: false,
     scroll: false,
     rules: [{
        input: '#userInput',
         message: 'Username is required!',
         action: 'blur',
         rule: 'required'
     }]
 });

Answer 2

在初始化期间，设置 scroll: false

Answer 3

这很简单。只需将焦点属性设置为 false。

 $('#testForm').jqxValidator({
     focus: false,
     rules: [{
         input: '#userInput',
         message: 'Username is required!',
         action: 'blur',
         rule: 'required'
     }]
 });

这是更新的JsFiddle

Answer 4

$('#testForm').jqxValidator('validateInput','#userInput');

Answer 5

在 Angular 中，滚动属性不存在于其属性中，但可以在...

  ngAfterViewInit(): void {
    this.myValidator.setOptions({scroll:false , focus: false, closeOnClick: false });
  }

Answer 6

只需设置滚动：假。我希望有所帮助。

 $('#testForm').jqxValidator({
     focus: false,
     rules: [{
         scroll: false,
         input: '#userInput',
         message: 'Username is required!',
         action: 'blur',
         rule: 'required'
     }]
 });