Validar contraseña problema HOLA TENGO PROBLEMA CON ESTE CODIGO PARA HACER UNA VALIDACION DE CONTRASEÑA, ESPERO AYUDA, DEJO LOS ARCHIVOS HTML Y JS, SALDS.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<link rel="stylesheet" type="text/css" href="formulario.css">
<script type="text/javascript" language="javascript" src="formulario.js"></script>
<body>
<form method="post" id="form1">
<div>
<label>Nombre</label>
<input type="text" name="name" />
</div>
<div>
<label>Email</label>
<input type="text" name="email" />
</div>
<div>
<label>Contraseña</label>
<input type="password" name="pass1" />
</div>
<div>
<label>Confirme Contraseña</label>
<input type="password" name="pass2" />
</div>
<input type="button" value="Enviar" onclick="Validate()" />
</form>
</body>
</html>
ARCHIVO JS:
// JavaScript Document
function Validate()
{
var f = document.getElementById("form1");
var errors = document.getElementsByTagName("span");
var end = errors.length;
var hasError = Array();
for(i=0; i<end; i++)
{
var element = errors[0];
element.parentNode.removeChild(element);
}
if(regExpValidation(f.name, /^\w$/, "Complete el nombre"))
hasError.push(f.name);
if(regExpValidation(f.email, /^\D+([\.-a-z0-9]+)*@\D+([\.-a-z0-9]+)*(\.\D{2,3})+$/ , "Complete el email"))
hasError.push(f.email);
if(regExpValidation(f.pass1, /^(\d{1,8})$/ , "Clave Erronea - Min: 1 Digitos - Max: 8 Digitos"))
hasError.push(f.pass1);
if(hasError.length > 0)
alert("Verifique los errores antes de continuar");
else
f.submit();
}
/*
* regExpValidation
* Esta función devuelve true en caso que el valor del campo
* de formulario enviado no coincide con la expresión regular
* indicada.
*
* return @boolean
*
* params @obj form element
* @errorCondition exp. regular
* @errorMessage string con mensaje de error
**/
function regExpValidation( obj, errorCondition, errorMessage )
{
if(!errorCondition.test(obj.value))
{
var e = document.createElement("span");
e.className = "error";
e.innerHTML = errorMessage;
obj.parentNode.appendChild(e);
return true;
}
return false;
}
