有关Asp.Net验证控件自动focus的解决方案

在Asp.Net中,我们在使用验证控件验证时,如果用户尚未通过验证,但系统不会自动将焦点定位在出错的控件上,如果我们手动focus的话,第一是写起来比较麻烦,如果需要验证页面比较多的话,工作量也挺大。但我们可以通过在WebUIValidation.js中加入相应的方法,如果验证失败的话,让系统自动focus。具体做法如下:

在WebUIValidation.js加入一个自动focus方法

#region auto focus function

function FocusOnInvalidControl()
{
for( var i=0; i < Page_Validators.length; i++ )
{
   if( !Page_Validators[i].isvalid )
   {
     document.getElementById(Page_Validators[i].controltovalidate ).focus();
     return;
   }
}
}

#end region

然后在验证失败后调用,我们可以在系统调用Page_ClentValidate方法返回时,判断验证是否成功,如果不成功,则自动focus到验证失败的控件。修改后的Page_ClientValidate方法如下:

function Page_ClientValidate() {
    var i;
    for (i = 0; i < Page_Validators.length; i++) {
        ValidatorValidate(Page_Validators[i]);
    }
    ValidatorUpdateIsValid();   
    ValidationSummaryOnSubmit();
    Page_BlockSubmit = !Page_IsValid;
    if(!Page_IsValid) FocusOnInvalidControl();
    return Page_IsValid;
}

 

阅读更多
文章标签: asp.net function 工作
上一篇Xmlhttp乱码解决方法
下一篇保存数据库中其他对象不变,删除数据库中所有数据的实现方法
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭