porque mi formulario no asepta la funcion onsubmit

dleal100 · #1 (**permalink**) 16/09/2011, 15:38

ayuda foreros tengo un formulario y cuando uso onsubmit no me funciona, y no quiero usar onclick porque todo el mundo cuando envia sus datos preciona la tecla enter

Código:

<!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" xml:lang="es" lang="es" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titulo</title>
</head>
<script type="text/javascript">
function validar(){
var nombre= document.getElementById("nombre").value;
var password= document.getElementById("password").value;
//alert(nombre +password);
document.getElementById("aca").innerHTML=nombre+" "+password;
}
</script>

<style type="text/css">
label{width:100px;
display:inline-block;
}
</style>


<body>

<form method="post" action="">
<fieldset>
<legend>formulario o_o</legend>
<label>Nombre:</label><input type="text" id="nombre" /><br /><br />
<label>password:</label><input type="password" id="password" /><br /><br />
<label></label><input type="button" value="caca" onsubmit="validar()"/>
</fieldset>
</form>

<div id="aca"></div>


</body>
</html>

zerokilled · #2 (**permalink**) 16/09/2011, 15:42

buenas,
el evento esta mal ubicado. el evento submit lo inicia el elemento form y nunca llega a los controles de formulario. o sea, el evento va en <form>. por cierto, te recomiendo el siguiente artículo, te puede sacar de algunas dudas. http://www.caricatos.net/articulos/formularios.php

dleal100 · #3 (**permalink**) 16/09/2011, 15:59

oye pero aunque ponga el onsubmit dentro dela etiqueta form no me funciona ._.
nose a aque se deva ese problema ._.
ayuda oscar

zerokilled · #4 (**permalink**) 16/09/2011, 16:12

tienes que cancelar el evento para poder apreciar los cambios. es decir, luego de la invocación de la función, devuelve false.

Código:

<element event="function_call(); return false;">

dleal100 · #5 (**permalink**) 16/09/2011, 16:20

Cita:

Iniciado por zerokilled

tienes que cancelar el evento para poder apreciar los cambios. es decir, luego de la invocación de la función, devuelve false.

Código:

<element event="function_call(); return false;">

ayuda oscar, la puse en la etiqueta form pero no me funciona ._. noce que pasa

Código:

<form method="post" action="" onsubmit="validar(); return false;">