有关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;
}