{"id":5769,"date":"2013-01-10T19:46:11","date_gmt":"2013-01-10T19:46:11","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=5769"},"modified":"2019-04-08T10:34:08","modified_gmt":"2019-04-08T10:34:08","slug":"validar-formulario-con-jquery-validate-procesar-con-ajax","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/","title":{"rendered":"Validar formulario con jQuery Validate y procesar con Ajax"},"content":{"rendered":"

Un aspecto importante que da m\u00e1s profesionalidad a nuestras Webs es validar los formularios en vivo (jQuery Validate<\/strong>).<\/p>\n

La validaci\u00f3n de un formulario se puede realizar en el servidor tras enviar los datos o en el cliente antes de enviar. En este art\u00edculo vamos a ver como validar un formulario en el cliente antes de enviar los datos con jQuery Validate<\/strong> y procesarlos en el servidor mediante las t\u00e9cnica Ajax<\/strong> sin recargar la p\u00e1gina.<\/p>\n

Es probable que usando solamente jQuery<\/strong> no puedas crear f\u00e1cilmente las funciones para validar los campos de tus formularios. jQuery Validate<\/strong> es una biblioteca est\u00e1ndar de m\u00e9todos de validaci\u00f3n (como correos electr\u00f3nicos, url, n\u00fameros de tarjeta, etc.) que te puede ahorrar mucho trabajo en las validaciones de tus formularios.<\/p>\n

Este plugin pueede ser muy \u00fatil cuando necesitas establecer diferentes formas de especificar las reglas de validaci\u00f3n de acuerdo con el entorno del lado del servidor y no quieres reinventar la rueda.<\/p>\n

Hay muchas soluciones no basadas en jQuery para validar los formularios pero estoy seguro que dejar\u00e1s de usarlas si acabas conociendo jQuery Form Validation<\/strong> que no es m\u00e1s que uno de los plugins jQuery m\u00e1s antiguos para la validaci\u00f3n de datos (comenz\u00f3 en 2006) y ha demostrado su eficacia en proyectos de todo el mundo.<\/p>\n

\"jQuery<\/a><\/p>\n

C\u00f3digo HTML dentro del cuerpo de la p\u00e1gina<\/h2>\n

Para validar un formulario con jQuery Validate<\/strong> deberemos agregar en el <body> de nuestra p\u00e1gina un formulario HTML simple como por ejemplo el siguiente:<\/p>\n

<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<div<\/span><\/a> class<\/span>=<\/span>"alert alert-success"<\/span> id<\/span>=<\/span>"alert"<\/span> style<\/span>=<\/span>"display: none;"<\/span>><\/span>&nbsp;<\/span><\/<\/span>div<\/span><\/a>><\/span>\n<form<\/span><\/a> id<\/span>=<\/span>"contact-form"<\/span> method<\/span>=<\/span>"post"<\/span>><\/span>\n    <div<\/span><\/a> class<\/span>=<\/span>"form-group"<\/span>><\/span>\n        <label<\/span><\/a> for<\/span>=<\/span>"name"<\/span>><\/span>Nombre<\/<\/span>label<\/span><\/a>><\/span>\n        <input<\/span><\/a> type<\/span>=<\/span>"text"<\/span> class<\/span>=<\/span>"form-control"<\/span> id<\/span>=<\/span>"name"<\/span> name<\/span>=<\/span>"name"<\/span> placeholder=<\/span>"Introduce tu nombre"<\/span>><\/span>\n    <\/<\/span>div<\/span><\/a>><\/span>\n \n    <div<\/span><\/a> class<\/span>=<\/span>"form-group"<\/span>><\/span>\n        <label<\/span><\/a> for<\/span>=<\/span>"email"<\/span>><\/span>Email<\/<\/span>label<\/span><\/a>><\/span>\n        <input<\/span><\/a> type<\/span>=<\/span>"email"<\/span> class<\/span>=<\/span>"form-control"<\/span> id<\/span>=<\/span>"email"<\/span> name<\/span>=<\/span>"email"<\/span> aria-describedby=<\/span>"emailHelp"<\/span> placeholder=<\/span>"Introduce tu email"<\/span>><\/span>\n    <\/<\/span>div<\/span><\/a>><\/span>\n \n    <div<\/span><\/a> class<\/span>=<\/span>"form-group"<\/span>><\/span>\n        <label<\/span><\/a> for<\/span>=<\/span>"message"<\/span>><\/span>Mensaje<\/<\/span>label<\/span><\/a>><\/span>\n        <textarea<\/span><\/a> class<\/span>=<\/span>"form-control"<\/span> id<\/span>=<\/span>"message"<\/span> name<\/span>=<\/span>"message"<\/span> rows<\/span>=<\/span>"3"<\/span>><\/<\/span>textarea<\/span><\/a>><\/span>\n    <\/<\/span>div<\/span><\/a>><\/span>\n \n    <div<\/span><\/a> class<\/span>=<\/span>"form-group"<\/span>><\/span>\n        <input<\/span><\/a> class<\/span>=<\/span>"btn btn-primary submit"<\/span> type<\/span>=<\/span>"submit"<\/span> value<\/span>=<\/span>"Enviar"<\/span> \/<\/span>><\/span>\n    <\/<\/span>div<\/span><\/a>><\/span>\n<\/<\/span>form<\/span><\/a>><\/span><\/pre><\/div><\/div>\n
No vamos a hacer mucho incapi\u00e9 en la maquetaci\u00f3n o aspecto que estamos empleando. Tan solo vamos a informar que estamos utilizando la tecnolog\u00eda Bootstrap 4<\/strong> para ahorrar trabajo.<\/p>\n
Se trata de un formulario simple con tres campos: nombre, email y mensaje. Tiene un bot\u00f3n de tipo submit y un contenedor con id=\u00bbalert\u00bb para depositar la respuesta que retorna la llamada Ajax<\/strong>.<\/p>\n
C\u00f3digo jQuery que incluye el plugin jQuery Validate y realiza la llamada<\/h2>\n
Dentro de la etiqueta <head> deberemos incluir la librer\u00eda jQuery, el plugin jQuery Validate y su llamada:<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<script src="https:\/\/code.jquery.com\/jquery-3.2.1.js"><\/script>\n<script src="js\/jquery.form.js" type="text\/javascript"><\/script>\n<script src="js\/jquery.validate.js" type="text\/javascript"><\/script>\n<<\/span>script type=<\/span>"text\/javascript"<\/span>><\/span>\n$(<\/span>document)<\/span>.ready<\/span>(<\/span>function<\/span>(<\/span>)<\/span>{<\/span>\n    $(<\/span>"#contact-form"<\/span>)<\/span>.validate<\/span>(<\/span>{<\/span>\n        event:<\/span> "blur"<\/span>,<\/span>rules:<\/span> {<\/span>'name'<\/span>:<\/span> "required"<\/span>,<\/span>'email'<\/span>:<\/span> "required email"<\/span>,<\/span>'message'<\/span>:<\/span> "required"<\/span>}<\/span>,<\/span>\n        messages:<\/span> {<\/span>'name'<\/span>:<\/span> "Por favor indica tu nombre"<\/span>,<\/span>'email'<\/span>:<\/span> "Por favor, indica una direcci&oacute;n de e-mail v&aacute;lida"<\/span>,<\/span>'message'<\/span>:<\/span> "Por favor, dime algo!"<\/span>}<\/span>,<\/span>\n        debug:<\/span> true<\/span>,<\/span>errorElement:<\/span> "label"<\/span>,<\/span>\n        submitHandler:<\/span> function<\/span>(<\/span>form)<\/span>{<\/span>\n            $(<\/span>"#alert"<\/span>)<\/span>.show<\/span>(<\/span>)<\/span>;<\/span>\n            $(<\/span>"#alert"<\/span>)<\/span>.html<\/span>(<\/span>"<img src='images\/ajax-loader.gif' style='vertical-align:middle;margin:0 10px 0 0' \/><strong>Enviando mensaje...<\/strong>"<\/span>)<\/span>;<\/span>\n            setTimeout(<\/span>function<\/span>(<\/span>)<\/span> {<\/span>\n                $(<\/span>'#alert'<\/span>)<\/span>.fadeOut<\/span>(<\/span>'slow'<\/span>)<\/span>;<\/span>\n            }<\/span>,<\/span> 5000)<\/span>;<\/span>\n            $.ajax<\/span>(<\/span>{<\/span>\n                type:<\/span> "POST"<\/span>,<\/span>\n                url:<\/span>"send.php"<\/span>,<\/span>\n                data:<\/span> "name="<\/span>+<\/span>escape(<\/span>$(<\/span>'#name'<\/span>)<\/span>.val<\/span>(<\/span>)<\/span>)<\/span>+<\/span>"&email="<\/span>+<\/span>escape(<\/span>$(<\/span>'#email'<\/span>)<\/span>.val<\/span>(<\/span>)<\/span>)<\/span>+<\/span>"&message="<\/span>+<\/span>escape(<\/span>$(<\/span>'#message'<\/span>)<\/span>.val<\/span>(<\/span>)<\/span>)<\/span>,<\/span>\n                success:<\/span> function<\/span>(<\/span>msg)<\/span>{<\/span>\n                    $(<\/span>"#alert"<\/span>)<\/span>.html<\/span>(<\/span>msg)<\/span>;<\/span>\n                    document.getElementById<\/span>(<\/span>"name"<\/span>)<\/span>.value<\/span>=<\/span>""<\/span>;<\/span>\n                    document.getElementById<\/span>(<\/span>"email"<\/span>)<\/span>.value<\/span>=<\/span>""<\/span>;<\/span>\n                    document.getElementById<\/span>(<\/span>"message"<\/span>)<\/span>.value<\/span>=<\/span>""<\/span>;<\/span>\n                    setTimeout(<\/span>function<\/span>(<\/span>)<\/span> {<\/span>\n                        $(<\/span>'#alert'<\/span>)<\/span>.fadeOut<\/span>(<\/span>'slow'<\/span>)<\/span>;<\/span>\n                    }<\/span>,<\/span> 5000)<\/span>;<\/span>\n \n                }<\/span>\n            }<\/span>)<\/span>;<\/span>\n        }<\/span>\n    }<\/span>)<\/span>;<\/span>\n}<\/span>)<\/span>;<\/span>\n<\/<\/span>script><\/span><\/pre><\/div><\/div>\n
En el c\u00f3digo anterior nos tenemos que fijar especialmente en la llamada a la funci\u00f3n validate()<\/em>. Estamos indicando que cuando se pulse el bot\u00f3n del formulario con id=\u00bbcontact-form\u00bb, establecemos unas normas para cada campo como por ejemplo que el campo nombre, email y mensaje sean requeridos.<\/p>\n
Seguidamente tambi\u00e9n a\u00f1adimos los mensajes de error de cada campo y finalmente con submitHandler<\/em> a\u00f1adimos el c\u00f3digo que procesar\u00e1 el formulario si todo cumple con las normas establecidas.<\/p>\n
Puedes ver m\u00e1s documentaci\u00f3n en p\u00e1gina oficial<\/a>\u00a0para ver por ejemplo que reglas se pueden a\u00f1adir a los campos.<\/p>\n
El c\u00f3digo Ajax<\/strong> lo que hace es recibir los datos del formulario y construir una cadena que los contiene para pasarlos mediante el m\u00e9todo POST al archivo PHP.<\/p>\n
El mensaje de confirmaci\u00f3n del env\u00edo es retornado desde el archivo PHP y se captura en el success<\/em> del Ajax<\/strong> donde estamos depositando dicho mensaje en el contenedor de confirmaci\u00f3n que inicialmente est\u00e1 oculto haci\u00e9ndolo visible.<\/p>\n
C\u00f3digo PHP que se ejecuta en el servidor<\/h2>\n
Ahora solo faltar\u00e1 crear el archivo PHP que estamos utilizando en la llamada Ajax al cual le hemos dado el nombre de \u00absend.php\u00bb. Este se encargar\u00e1 de procesar los datos ya sea introduci\u00e9ndolos en una base de datos, guard\u00e1ndolos en un archivo o envi\u00e1ndolos por email. En el ejemplo en funcionamiento tan solo mostramos un mensaje de salida.<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<?php<\/span>\necho<\/span> 'Gracias '<\/span>.<\/span>$_POST<\/span>[<\/span>'name'<\/span>]<\/span>.<\/span>' - '<\/span>.<\/span>$_POST<\/span>[<\/span>'email'<\/span>]<\/span>.<\/span>'. La consulta ha sido recibida correctamente!'<\/span>;<\/span>\n\/\/codigo para enviar el email...<\/span>\n?><\/span><\/pre><\/div><\/div>\n
Esta entrada ha sido actualizada el 29\/08\/2018.<\/em><\/p>\n
<\/i> Ver demo<\/a> <\/i> Descargar<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Valida formularios como nunca antes los hab\u00edas hecho de forma f\u00e1cil, elegante y con el m\u00ednimo esfuerzo utilizando el plugin jQuery Validate.<\/p>\n","protected":false},"author":1,"featured_media":7260,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,5,3],"tags":[84],"class_list":["post-5769","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ajax","category-jquery","category-php","tag-formularios"],"yoast_head":"\nValidar formulario con jQuery Validate y procesar con Ajax - Jose Aguilar Blog<\/title>\n<meta name=\"description\" content=\"Valida formularios como nunca antes los hab\u00edas hecho de forma f\u00e1cil, elegante y con el m\u00ednimo esfuerzo utilizando el plugin jQuery Validate.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Validar formulario con jQuery Validate y procesar con Ajax - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Valida formularios como nunca antes los hab\u00edas hecho de forma f\u00e1cil, elegante y con el m\u00ednimo esfuerzo utilizando el plugin jQuery Validate.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2013-01-10T19:46:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-08T10:34:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/01\/jquery-validation-plugin-con-ajax.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/\",\"name\":\"Validar formulario con jQuery Validate y procesar con Ajax - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/01\/jquery-validation-plugin-con-ajax.png\",\"datePublished\":\"2013-01-10T19:46:11+00:00\",\"dateModified\":\"2019-04-08T10:34:08+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"description\":\"Valida formularios como nunca antes los hab\u00edas hecho de forma f\u00e1cil, elegante y con el m\u00ednimo esfuerzo utilizando el plugin jQuery Validate.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/01\/jquery-validation-plugin-con-ajax.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/01\/jquery-validation-plugin-con-ajax.png\",\"width\":250,\"height\":250},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Validar formulario con jQuery Validate y procesar con Ajax\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Validar formulario con jQuery Validate y procesar con Ajax - Jose Aguilar Blog","description":"Valida formularios como nunca antes los hab\u00edas hecho de forma f\u00e1cil, elegante y con el m\u00ednimo esfuerzo utilizando el plugin jQuery Validate.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Validar formulario con jQuery Validate y procesar con Ajax - Jose Aguilar Blog","og_description":"Valida formularios como nunca antes los hab\u00edas hecho de forma f\u00e1cil, elegante y con el m\u00ednimo esfuerzo utilizando el plugin jQuery Validate.","og_url":"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2013-01-10T19:46:11+00:00","article_modified_time":"2019-04-08T10:34:08+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/01\/jquery-validation-plugin-con-ajax.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/","url":"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/","name":"Validar formulario con jQuery Validate y procesar con Ajax - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/01\/jquery-validation-plugin-con-ajax.png","datePublished":"2013-01-10T19:46:11+00:00","dateModified":"2019-04-08T10:34:08+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"description":"Valida formularios como nunca antes los hab\u00edas hecho de forma f\u00e1cil, elegante y con el m\u00ednimo esfuerzo utilizando el plugin jQuery Validate.","breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/01\/jquery-validation-plugin-con-ajax.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2013\/01\/jquery-validation-plugin-con-ajax.png","width":250,"height":250},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/validar-formulario-con-jquery-validate-procesar-con-ajax\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Validar formulario con jQuery Validate y procesar con Ajax"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/5769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=5769"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/5769\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/7260"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=5769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=5769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=5769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}