Pues mira el HTML tal como está:
Código PHP:
<html>
<head>
<link rel="stylesheet" type="text/css" href="web.css" />
<script type="text/javascript" src="fds.js"></script>
</head>
<body onload="document.getElementById('col').focus();">
<div id="login">
<form id="cont" action="login.php" method="post" onsubmit="return v(this)">
<h2>un heading del 2</h2>
<p id="a">E-mail: <input id="col" type="text" name="email" value="" /></p>
<p id="b">Password: <input id="col1" type="password" name="password" value="" /></p>
<input type="checkbox" /><span class="remme">Remember me on this computer</span><br />
<br />
<input class="boton" type="submit" value="Login" />
</form>
</div>
</body>
</html>
Y el archivo fds.js es este:
Código PHP:
function v(s) {
var email = s.email.value;
var pass = s.password.value;
var valid1 = /(@.*@)|(..)|(@.)|(.@)|(^.)/;
var valid2 = /^.+@([?)[a-zA-Z0-9-.]+.([a-zA-Z]{2,3}|[0-9]{1,3})(]?)$/;
if (valid1.test(email) | !valid2.test(email)) {
reafirma();
return false;
}
if(pass == null || pass.length == 0 || /^s+$/.test(pass)) {
reafirma2()
return false;
}
else {
return true;
}
}
function reafirma(){
var p = document.createElement("p");
var texto = document.createTextNode("Please, type a valid e-mail");
p.appendChild(texto);
var ant = document.getElementById('a');
document.body.insertBefore(p,ant);
}
function reafirma2(){
var p = document.createElement("p");
var texto = document.createTextNode("Please, type your password");
p.appendChild(texto);
var ant = document.getElementById('b');
document.body.insertBefore(p,ant);
}
El error es que no se escribe los parrafos que deberían que anado con DOM:
Please, type a valid e-mail
y, Please, type your password
Muchas gracias por la ayuda!
Saludos!