<style> table{ background:#FFF; padding:5px; border:1px #777777 solid;} .vld{ background:#FFF; border:0px} .vld{color:red;} </style> <script> function logValid(txt) {var reg = /^[a-zA-Z0-9]+$/; if (txt=="" || !reg.test(txt)) { myForm.vLog.value = "цифры и/или латиница"; return false; } else { myForm.vAge.value =""; return true; } } function pasValid() {var pas1 = myForm.pass1.value; var pas2 = myForm.pass2.value; if (pas1=="" || pas1.length < 6 ) { myForm.vPass1.value = "не менее 6 символов"; return false; } else if (pas1!= pas2) { myForm.vPass1.value =""; myForm.vPass2.value = "пароли не совпадают"; return false; } else { myForm.vPass1.value =""; myForm.vPass2.value =""; return true; } } function validate(mF) { myForm = mF; var log = logValid(myForm.login.value,myForm.vLog); var pas1 = pasValid(myForm.pass1.value,myForm.vPass1); var pas2 = pasValid(myForm.pass2.value,myForm.vPass2); return log&&pas1&&pas2; } </script> <table > <tr><td colspan="3" align="center"><h3>Registration</h3></td></tr> <form name="myForm" onsubmit="return validate(this);"> <tr><td>Login*</td><td><input type="text" name="login" maxlength = "10" ></td><td><input type="text" class="vld" name="vLog" readonly ></td></tr> <tr><td>Password*</td><td><input type="password" name="pass1" maxlength = "10"></td><td><input type="text" class="vld" name="vPass1" readonly ></td></tr> <tr><td>Password_again*</td><td><input type="password" name="pass2" maxlength = "10"></td><td><input type="text" class="vld" name="vPass2" readonly ></td></tr> <tr><td></td><td colspan="2"><input type="submit" value="Submit"></td></tr> </form> </table>