2012-08-07 16 views
5

Tengo un formulario que estoy tratando de obtener datos de un formulario usando jquery y validarlo. ¿Cuál es la mejor manera de tomar datos de un formulario a una variable usando jquery?jquery obteniendo datos del formulario

+0

selector de usar jQuery para obtener el valor –

+0

Otra pregunta similar a esta: http://stackoverflow.com/questions/169506/obtener-formulario-entrada-campos-utilizando-jquery –

Respuesta

5

Aquí es el fragmento que se puede utilizar -

$('#myForm').submit(function() { 
    // get all the inputs into an array. 
    var $inputs = $('#myForm :input'); 

    // not sure if you wanted this, but I thought I'd add it. 
    // get an associative array of just the values. 
    var values = {}; 
    $inputs.each(function() { 
     values[this.name] = $(this).val(); 
    }); 

}); 

que ya ha recibido stackoverflow-link

+0

¡Justo lo que quería, gracias! – gilbertbw

2

Bueno aquí vamos

Este es el script dejQuery:

function getData() { 

$(document).ready(function() { 
    var myTextFieldValue = $('#myTextField').value; 
    alert('The value is: '+myTextFieldValue); 
}); 

} 

Este es el HTML

<form action='#' method='whatever'> 
<input type='text' id='myTextField' /> 
<input type='submit' onClick='getData()' /> 
</form> 

NOTA: Con el fin de hacer su trabajo guión debe importar las bibliotecas de jQuery

De esta manera:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 

no probé el guión lo que podría haber algunos errores. Espero que te haya sido útil Adiós.

(Para cualquier ayuda me pm)

+2

cómo alguien puede PM. solo podemos dejar comentarios. – defau1t

+0

Mire mi perfil y envíeme un correo electrónico. Tiene razón de todos modos –

0

no hay manera de obtener todos los datos de un formulario en una línea de código. Tienes que recuperar su valor por valor. si tiene un <input id='some-id' > simplemente use var someId = $('#some-id').val();. Ahora, algunos tienen el valor de la entrada

La función val() solo devuelve el valor del primer elemento coincidente (si no sabes lo que quiero decir, échale un vistazo al selector jquery (http: //api.jquery) .com/categoría/selectores /) echar un vistazo a http://api.jquery.com/val/ para ver la función val, tiene algo raro con la etiqueta <textarea>

Y recuerda que para validar siempre del lado del servidor, incluso si ya lo hizo el lado del cliente, js securrity es muy fácil de omitir

+1

hay una manera de obtener todos los datos de un formulario en una línea de código usando '$ (' # myform '). Serialize();' –

+0

@BishnuPaudel ¿cómo se puede tomar datos serializados y usarlos? – gilbertbw

+0

Esto podría ayudarlo http://api.jquery.com/serialize/ –

0

use el complemento de validación de JQuery. Eche un vistazo here

Cuestiones relacionadas