jqxValidator,禁用自动滚动验证错误

时间:2014-01-17 13:01:39

标签: javascript jquery jqwidget

我遇到了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'); 
});

感谢您的任何想法!

5 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

地狱很简单。只需将focus属性设置为false。

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

这是更新后的JsFiddle

答案 2 :(得分:0)

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

答案 3 :(得分:0)

scroll属性不应该在规则中,而应该在jqxValidator

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

答案 4 :(得分:-1)

  

只需设置scroll:false。我希望有所帮助。

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