Displaying validation control in a div tag

I have a div tag for which i have defined a border. i have given the validation control inside the div tag Now before clicking the "submit" i get to see the div tag and border. -> how to avoid this开发者_运维百科 Now after clicking the "submit" i get to see the div tag and border-> which is exptected and correct.

My question how to hide the border in the div tag before clicking the "submit" button or on the click of the "cancel" button

You can't with css. You need javascript to do this.

<input type=submit onclick="removeborder(this)" />

function removeborder(obj) {
  obj.style.borderStyle = "none";
  return true;
}