button o submit

[Krlinhos_]

Que suele ser más conveniente elegir? Un input tipo button y definir yo con javascript su funcionalidad. O usar un tipo submit.

Es que tengo un formulario y quiero que cuando se pulse en un botón (button o submit) primero me valide el form. Si está bien, que haga una segunda función.Y si también está bien, entonces envie los datos mendiante POST al php.

Pero el paso de parametros lo queria hacer asincrono...y me estoy liando la verda nose cual elegir.

Un saludo!

[Perr0]

con un button en la funcion solo debes colocar

formulario.action="pagina" //si quieres cambiar la pagina
formulario.submit()

y va en el onclick



en un submit en cambio va en el onsubmit del formulario para prevalidar y te toma por defecto el Enter, ademas en la funcion le puedes colocar que te valide los datos del form en caso contrario return false...

no recuerdo si es onsubmit="return funcion()" o simplemente onsubmit="funcion()"

salu2

[Krlinhos_]

Creo q no me explique bien :)

El evento que me activa/desencadena la funcion de un submit/button/image se cuales son.

Mi duda es, para pasar datos de manera asincrona cual es mejor.
Yo lo que tengo entendido es que si usas un submit, tengo que tener definido los atributos method y accion en el form. Y no sabria hacerlo de manera asincrona.
Mientras que si lo hago con un button, con el javascript pongo

Código:

$("button").click(function(){
$.post("pagina.php",{datos},function(respuesta){
});
});

Y listo :) pero ya nose que manera es mejor.

[Perr0]

hay veces que un ejemplo habla mas que mil palabras
create un archivo php y le pegas esto....ahi veras el comportamiento

Código PHP:

Formulario 1 (cons submit)
<form name="form1" onsubmit="return enviar1()">
  <input type="text" name="t1" id="t1">
  <input type="submit" name="bf1_1" id="bf1_1" value="Enviar GET" onclick="o=0">
  <input type="submit" name="bf1_2" id="bf1_2" value="Enviar POST" onclick="o=1">
</form>
<hr>
Formulario 2 (cons button)
<form name="form2">
  <input type="text" name="t2" id="t2">
  <input type="button" name="bf2_1" id="bf2_1" value="Bot&oacute;n GET" onclick="enviar2(0)">
  <input type="button" name="bf2_2" id="bf2_2" value="Bot&oacute;n POST" onclick="enviar2(1)">
</form>
 
<script>
var o
var formulario1=document.form1;
var texto1=document.getElementById("t1");
 
var formulario2=document.form2;
var texto2=document.getElementById("t2");
 
function enviar1(){
    if(!texto1.value){
        alert("ingrese algo en el texto 1");
        return false;
    }
    if(o==0){
        formulario1.method="get";
        formulario1.action="index.php";
    }else if(o==1){
        formulario1.method="post";
        formulario1.action="index.php";
    }
}
 
function enviar2(o){
    if(!texto2.value){
        alert("ingrese algo en el texto 2");
        return false;
    }
    if(o==0){
        formulario2.method="get";
        formulario2.action="index.php";
    }else if(o==1){
        formulario2.method="post";
        formulario2.action="index.php";
    }
    formulario2.submit();
}
 
</script>
<hr />
<h1>Resultados</h1>
<?
echo "valor submit GET Formulario 1: ".htmlentities($_GET["t1"])."<br>";
echo "valor submit POST Formulario 1: ".htmlentities($_POST["t1"])."<br>";
echo "valor submit GET Formulario 2: ".htmlentities($_GET["t2"])."<br>";
echo "valor submit POST Formulario 2: ".htmlentities($_POST["t2"])."<br>";
 
?>
 

salu2

[Krlinhos_]

Ok muchas gracias! ;)

[caricatos]

Hola:

Siempre, siempre, con botones tipo submit, y en el actión un destino que valide en el servidor, luego, si quieres hacerlo asincrono le añades:

onsubmit="return envio_asincrono(this)"; y en ese envío cancelarlo con return false después de esa llamada ajax.

Las razones son simples, el formulario es accesible porque se puede tener javascript desactivado.

Saludos

[Krlinhos_]

Gracias :)