rieles y forma de diálogo jQuery modal

Question

Soy nuevo en el uso de los cuadros de diálogo modales jquery con los carriles y se preguntaba cómo puedo:

1. mostrar un cuadro de diálogo modal jQuery con 1 campo (por ejemplo, "título")
2. poste esta forma a un controlador de carriles (a través de ajax)
3. tienen la forma de diálogo modal remostrado si el campo está vacío en (con css rojo normal en el campo de error)

Todos los tutoriales o ejemplos son bienvenidos.

Uso de Rails 3 y jQuery. Gracias por tu tiempo.

Answer 1

Aquí hay un ejemplo de cómo lo haría: https://github.com/ramblex/modal-form.

Usted debe ser capaz de:

1. descargar la aplicación
2. ejecutar bundle
3. rake db: migrate
4. rieles s
5. Ir a localhost: 3000/artículos y la forma modal debe aparecer al hacer clic en el enlace 'Nuevo artículo'.

Se debe mostrar un mensaje de error cuando el campo de título se deja vacío. De lo contrario, debería crear el artículo y mostrarlo.

Espero que ayude.

Answer 2

Para la caja modal utilizo jQuery Tools.

Una vez que poner esto en marcha, el siguiente paso es unir una petición AJAX cuando se envía el formulario (por ejemplo:. form.submit(function(){ $.post... })) y enviar los datos del formulario al controlador

El tercer paso es la creación de su controlador de rieles para responder a las solicitud Ajax (usando respond_to bloque) y hacer algo como respuesta (probablemente utilizando :layout => false).

Si la validación no, va a reemplazar el contenido de su caja de modal con este cuerpo de la respuesta, o si tiene éxito (digamos respuesta fue simplemente head :ok) , mostrará un mensaje de éxito.

Espero que esto tenga sentido para usted.