Hola que tal tengo un problema con mi codigo
lo que pasa es que quiero validar un formulario estaba buscando en el foro y encontre ejemplos pero a la hora de validar un nombre me devuelve siempre el valor debe ingresar un nombre no importa que quede en blanco o no disculpen las molestias soy un novato en javascript y me gustaria aprender.
mi codigo es este
<html>
<head>
<script type="text/javascript">
function revisa(frm){
var res1=frm.nombre.value.lenght == 0;
var res2 = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,6})$/.test(frm.correo.value);
document.getElementById('error').style.visibility= (res1) ? 'hidden':'visible';
document.getElementById('input1').style.borderColo r=(res1) ? 'with':'red';
document.getElementById('input1').style.color=(res 1) ? 'black':'black';
document.getElementById('error2').style.visibility =(res2) ? 'hidden':'visible';
document.getElementById('input2').style.borderColo r=(res2) ? 'with':'red';
document.getElementById('input2').style.color=(res 2) ? 'black':'black';
return(res1 && res2);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<form name="validar" style="text-align:center" onsubmit="return revisa(this)" >
nombre(s):
<input type="text" name="nombre" id="input1" style="border-width: 1px; border-style: solid; border-color: black"/><br /><br />
<p id="error" style="visibility:hidden; color:#F00">Debes Proporcionar tu nombre</p>
apellido paterno: <input type="text" style="border-width: 1px; border-style: solid; border-color: black"/><br /><br />
apellido materno: <input type="text" style="border-width: 1px; border-style: solid; border-color: black"/><br /><br />
dirección: <input type="text" style="border-width: 1px; border-style: solid; border-color: black"/><br /><br />
telefono: <input type="text" style="border-width: 1px; border-style: solid; border-color: black"/><br /><br />
email: <input type="text" name="correo" id="input2" style="border-width: 1px; border-style: solid; border-color: black"/> <br /><br />
<p id="error2" style="visibility:hidden; color:#F00">E-Mail Invalido</p>
usuario: <input type="text" style="border-width: 1px; border-style: solid; border-color: black" /><br /><br />
password: <input type="text" style="border-width: 1px; border-style: solid; border-color: black"/><br /><br />
<br />
<br />
sexo: <input type="radio" />hombre<input type="radio" />mujer
<p>fecha de nacimiento
<select name="dia" size="1" id="dia" style="border-width: 1px; border-style: solid; border-color: black">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>2</option>
<option>30</option>
<option>31</option>
</select>
<select name="mes" id="mes" style="border-width: 1px; border-style: solid; border-color: black">
<option>Enero</option>
<option>Febrero</option>
<option>Marzo</option>
<option>Abril</option>
<option>Mayo</option>
<option>Junio</option>
<option>Julio</option>
<option>Agosto</option>
<option>Septiembre</option>
<option>Octubre</option>
<option>Noviembre</option>
<option>Diciembre</option>
</select>
<input type="text" width="80" style="border-width: 1px; border-style: solid; border-color: black"/>
<br />
</p>
<input type="submit" value="REGISTRAR" name="registra"/>
<input type="submit" value="CANCELAR" name="cancelar" />
</form>
</body>
</html>