关闭

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

标签: asp.netfunction工作
1321人阅读 评论(0) 收藏 举报

在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;
}

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:26056次
    • 积分:392
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:1篇
    • 译文:0篇
    • 评论:7条
    最新评论