Clear Rails forma remota después de enviar

Question

Estoy usando Rails 3 con jQuery, y tengo un formulario simple con una sola entrada de texto y un botón de enviar. Tengo el formulario que se envía con :remote => true, y me gustaría borrar la entrada después de se envía el formulario. Probé este código jQuery:

$('#new_message').submit(function() { 
    $('#message_content').val(''); 
}); 

Sin embargo, esto se borra la entrada antes de se envía el formulario, por lo que me acaban de enviar un formulario en blanco.

Después de buscar un poco, también probé la siguiente versión:

$('#new_message').submit(function(e) { 
    e.preventDefault(); 
    this.submit(); 
    $('#message_content').val(''); 
}); 

... pero esto parece anular la magia :remote => true, y la forma consigue presentar con una recarga de la página completa. ¿Algunas ideas?

Answer 1

Cuando botón de enviar se presiona para un formulario marcado remote => true, código de JavaScript en rails.js hace el submit(). No necesita anular la funcionalidad.

probar este lugar en $(document).ready -

(Edit:.. Utilizar unen en lugar de en vivo Gracias Darren Hicks)

$("#new_message").bind("ajax:complete", function(event,xhr,status){ 
    $('#message_content').val(''); 
} 

Esto añade un controlador de eventos para el evento ajax:complete. Este evento se dispara cuando se completa el formulario de presentación de ajax. Más here.

Answer 2

En su función jquery, hágalo usted mismo a través del get(). Establece el campo de texto en blanco justo después de llamar a get(). O bien, puede hacerlo en la devolución de llamada de éxito que proporciona a get(), que le permitirá recuperar información de su controlador, por ejemplo, si el valor del campo de texto enviado fue aceptable.

Answer 3

En el archivo .js.erb acción

$('#message_content').attr('value',''); 

Dónde acción es el nombre del método (que no lo expresa en su pregunta) en su controlador

Answer 4

Puede desencadenar un Rieles AJAX presentar la siguiente manera:

$(this).trigger('submit.rails'); 

Answer 5

En sus model.js el archivo

   $('#element_id').val(' '); 

de que funcione para mí, puede probar esto.