First I am explaining my requirement a little bit .
Suppose in page there are many controls like link,text boxes ,save-edit-delete buttons etc etc .
Now the requirement is that ,If any user enters wrong data in any one of the input fields and validation fails,then the user should not be able to click any where in that page, except that field where he has entered the wrong value.
He should be correct the wrong input first and then only other parts of the page should become click able/accessible for him.
What my plan is that when the user enters a wrong value and subsequently when the validation fires and fails ,
1.then entire page should be covered with a div so that the user can not click anywhere else .
2.When the user enters correct data ,the covering div should be removed after successful validation.
That first part is done ,but the input field that has wrong value should be accessible to the user ,so that
the user can modify the incorrect data.
Here the entire page gets covered with the DIV so the user can not access the field ,where he needs to modify the data .
I have finalized my approach ,so my requirement is to hide entire page with a div , but one control/input should be accessible to the user(i.e. the control for which the validation has been fired).
Can the control/input be made accessible using higher Z index than the DIV ? I have tried once without much success.
I have just added some rough sample code for your help.
One thing I have written xyz instead of using click event pqr for blur related event for message post related problem.
I think this scenario will be interesting for you guys also.