Quiero en mi pagina cambiar el texto de un label cuando doy click en un boton de un formulario, el codigo q hice me lo cambia, pero al momento me vuelve a poner el texto anterior. Aki les dejo el codigo
/////Codigo script en el head
<script type="text/javascript">
function validate() {
var user = document.Autentificacion.Nombre.value;
var pass = document.Autentificacion.Password.value;
if (user.length == 0 && pass.length == 0) {
document.getElementById("Estado").innerHTML = "Usuario y Contraseña Requerida"; }
else if (user.length == 0) {
document.getElementById("Estado").innerHTML = "Usuario Requerido"; }
else if (pass.length == 0) {
document.getElementById("Estado").innerHTML = "Contraseña Requerida"; }
}
</script>
/////Codigo html
<div id="formulario">
<form name="Autentificacion">
<p>Nombre de Usuario <input type="text" name="Nombre" class="inputEntrada"/></p>
<p>Contraseña <input type="password" name="Password" class="inputEntrada"/></p>
<input type="submit" name="Submit" value="Entrar" onclick="validate()"/>
</form>
<div id="estado">
<label id="Estado">Estado de Cuenta</label>
</div>
</div>
Responder Citando
LUEGO DE LA RESPUESTA DE EMPREAR
me funciona pero a la segunda vez que pincho el boton, y solo me funciona con el if de la 1ra validacion, con los otros me pasa lo mismo que les habia planteado, lo q ahora me cambia el texto y luego de forma rapida creo que me carga la pagina de nuevo, por lo q me pone el texto original del label, asi me quedo el codigo
<script type="text/javascript">
function validate() {
var user = document.Autentificacion.Nombre.value;
var pass = document.Autentificacion.Password.value;
if (user.length == 0 && pass.length == 0) {
document.getElementById("Estado").innerHTML = "Usuario y Contraseña Requerida";
return false;}
else if (user.length == 0) {
document.getElementById("Estado").innerHTML = "Usuario Requerido";
return false;}
else if (pass.length == 0) {
document.getElementById("Estado").innerHTML = "Contraseña Requerida";
return false;}
}
</script>
<div id="formulario">
<form name="Autentificacion" action="#" onsubmit="validate();">
<p>Nombre de Usuario <input type="text" name="Nombre" class="inputEntrada"/></p>
<p>Contraseña <input type="password" name="Password" class="inputEntrada"/></p>
<input type="submit" name="Submit" value="Entrar"/>
</form>
<div id="estado">
<label id="Estado">Estado de Cuenta</label>
</div>
</div>