Continue improving `ajax-and-forms`

Abierto
#63 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
25/100
Tipo de issue
Documentación
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, jquery

Línea de trabajo

Comienza con el artículo ajax-and-forms, luego revisa la discusión en #38 y el traslado de prefilters solicitado en #62. Compara el Form Plugin mencionado, el ejemplo de serialize-to-object, los recursos de validación y el ejemplo de deferreds antes de planificar los cambios del artículo. Se considera terminado cuando se hayan cubierto los temas solicitados sobre formularios y validación, el tono sea centrado y la sección de prefilters se haya trasladado.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Chapter: ajax content

@connormontgomery's improvements have been really useful, but this can probably use even more fleshing out. This could include some of the following improvements:

  • "Ajaxifying" existing forms
  • Form Plugin - to follow up the discussion in #38, I actually think it's worthwhile to show how the plugin can be useful in doing the above ("ajaxification") and how doing so provides a considerably more familiar flow to form authoring than just serializing data and shoving it off to a url you type into your JS: (eg. $.post("form_process.php", $form.serialize())
  • Serialzing a form to an object (https://raw.github.com/cowboy/jquery-misc/master/jquery.ba-serializeobject.js, explain why this is left out of core (http://bugs.jquery.com/ticket/11002))
  • Augmenting a form's data during a submit handler (for both traditional and AJAX submissions)
  • Client side validation (all these changes might merit moving "validation" into its own article)
    • discuss how to leverage native techniques before just defaulting to using JS.
    • using a validation framework (jQuery Validation or a hand-rolled one) (in order to keep yourself from having the same phoneNumberRegex or whatever similar actual validation logic dupliated throughout your app)
    • use of native validation APIs ?
    • collecting and displaying client side errors (good vs. bad UX)
    • Using deferreds to incorporate AJAX-validation of form data on the client side with client-side only checks

Stylistically, we should also move away from overly effusive phraseology ("extremely easy") and do our best to keep the tone focused on how it works, not how you'll feel as a user.

In addition, we should move the section on prefilters as per #62.

Lenguaje dominante
JavaScript
Estrellas
914
Forks
472
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de jquery/learn.jquery.com

Todos los issues de jquery/learn.jquery.com

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.