Usas el objeto document de Javascript y el método getElementById() que le pasas el id del elemento que quieres conocer el valor.
Previamente al elemento que quieres conocer el valor le asignas un id.
Supongamos que quieres comprobar que la contraseña tenga @, entonces usas el metodo indexOf() que aplicado a una cadena devuelve la posición en la que se encuentra un carácter o -1 si no se encuentra el carácter. Entonces, modificamos el formulario para que el campo de contraseña tenga un id, y el botón submit lo reemplazamos por un botón cualquiera para que cuando el cliente lo pulse, en vez de enviar el formulario llame a la función comprobar() que luego de comprobar si todo está bien envía el formulario que le pusimo de id, formulario.
Código HTML:
Ver original<form name="formulario" id="formulario" method="GET"> <input type="text" name="correo" id="direccioncorreo" /> <button type="button" onclick="comprobar();">Enviar Formulario Lindo!
</button> <script type="text/javascript"> function abrir()
{
var w=window.open("","","height=200,width=400,menubar=no,toolbar=no");
w.document.open();
w.document.write("
<h1>Sus datos han sido enviados de maravialla!
</h1>");
w.document.close();
}
function comprobar()
{
var direccion = document.getElementById("direccioncorreo").value;
if (direccion.indexOf("@",0) == -1)
{
alert("No coloco una direccion de correo valida");
}
else
{
document.getElementById("formulario").submit();
abrir();
}
}