Método submit
El método submit nos permite trabajar con el evento
JavaScript submit. Nos permite vincular un
controlador al evento JavaScript submit o
activar este evento en un elemento.
Sintaxis
Podemos pasar al método una función controladora, que se ejecutará cada vez que ocurra el evento, y a la cual puede pasarse un objeto de evento:
.submit(función-controladora);
En este caso, el método funcionará de manera similar
a la construcción .on('submit', handler) del método
on.
También podemos pasar opcionalmente al método un objeto con datos que se pasarán a la función controladora:
.submit([datos del evento], función-controladora);
O no pasar ningún parámetro, entonces el método
funcionará de manera similar a .trigger('submit')
del método trigger:
.submit();
El evento submit ocurre en un elemento cuando
el usuario, por ejemplo, hace clic en un botón
'submit' en un formulario. Este evento solo puede
adjuntarse a elementos de la etiqueta form.
El evento submit ocurre en un elemento cuando
el usuario, por ejemplo, hace clic en un botón
'submit' en un formulario. Este evento solo puede
adjuntarse a elementos de la etiqueta form.
Ejemplo
En el siguiente ejemplo tenemos un formulario simple,
al que vincularemos un controlador de eventos usando
el método submit, con un campo de texto y
un botón - un input de tipo submit. Vamos a
introducir texto en el campo de texto, y al hacer clic en el
botón comprobaremos este texto. Si introducimos
'jQuery', mostraremos el texto
'Good!' en el span, usando los métodos
text y
show,
y si es otra cosa, entonces - 'Bad...':
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});
