Click here to Skip to main content
Click here to Skip to main content

Transferring Control Focus through Custom Validation File, in ASP.NET

By , 12 May 2005
Rate this:
Please Sign up or sign in to vote.

Introduction

In one of my recent projects, I faced the problem of how to transfer control focus to the appropriate control when validation fails. I was confused with the client requirement at first but realized it is a common and basic requirement from the user point. But it is not implemented in the WebUIValidation.js. You can implement this with a minimal setting change in the web.config file and a little code change in the WebUIValidation file.

Add the following element in the system.web section of the web.config file for using a custom validation file:

<webControls clientScriptsLocation="<virtual_path>/javascripts/"></webControls>

Add a new function in the WebUIValidation which will set the focus to the control which fails in the validation process.

function ValidatorControlFocus()
{
    if(typeof(Page_Validators) != "undefined")
    {
        for (i = 0; i < Page_Validators.length; i++)
        {
            val = Page_Validators[i];
            if(val.isvalid == false)
            {
                control = document.all[val.controltovalidate];
                if(control != null)
                {
                    if( !control.isDisabled ){
                        if(control.style.visibility != "hidden"){
                            control.focus();
                        }
                    }
                    return;
                }
            }
        }
    }
}

Call the above function in Page_ClientValidate as well as in ValidatorCommonOnSubmit functions.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

About the Author

bkalicharan
Web Developer
United States United States
No Biography provided

Comments and Discussions

 
GeneralWorks fine to move the focus, but Pinmembertotakoori8-Apr-08 13:24 
GeneralTried your solution but web config file causing error when building in debug mode PinmemberScoochie9-Jul-07 10:55 
GeneralRe: Tried your solution but web config file causing error when building in debug mode Pinmemberbkalicharan10-Jul-07 8:22 
GeneralRe: Tried your solution but web config file causing error when building in debug mode PinmemberScoochie10-Jul-07 11:49 
GeneralRe: Tried your solution but web config file causing error when building in debug mode PinmemberScoochie10-Jul-07 12:18 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web02 | 2.8.140421.2 | Last Updated 12 May 2005
Article Copyright 2005 by bkalicharan
Everything else Copyright © CodeProject, 1999-2014
Terms of Use
Layout: fixed | fluid