{"id":523,"date":"2011-07-13T15:51:46","date_gmt":"2011-07-13T15:51:46","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=523"},"modified":"2017-12-13T12:10:38","modified_gmt":"2017-12-13T12:10:38","slug":"vanadium","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/","title":{"rendered":"Vanadium: Validar formulario con jQuery"},"content":{"rendered":"<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/vanadium.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-526\" title=\"vanadium\" alt=\"\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/vanadium-300x139.gif\" width=\"300\" height=\"139\" \/><\/a>Vanadium es un plugin para <strong>jQuery<\/strong> que permite validar formularios de manera sencilla y con pocas lineas de c\u00f3digo. Permite validar campos obligatorios, num\u00e9ricos, email, entre otros.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/form-vanadium.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-528 alignright\" title=\"form-vanadium\" alt=\"\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/form-vanadium-300x185.png\" width=\"300\" height=\"185\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/form-vanadium-300x185.png 300w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/form-vanadium.png 361w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Validar formularios es muy importante en las p\u00e1ginas para prevenir el ingreso de datos inv\u00e1lidos sin el formato adecuado. Obviamente estas validaciones deben estar acompa\u00f1adas de una validaci\u00f3n en el lado del servidor para tener una doble protecci\u00f3n. Entonces <strong>Vanadium<\/strong> se encarga del proceso de validar formularios de manera sencilla y con una sintaxis muy sencilla de utilizar.<\/p>\n<p>Te puedes descargar este script de la p\u00e1gina oficial. Es muy sencillo instalar y editar.<\/p>\n<p>Para utilizarlo tan solo tienes que a\u00f1adir en el &lt;head&gt; la librer\u00eda jQuery, el plugin + los estilos necesarios que ya vienen con la descarga:<\/p>\n<pre>&lt;script type=\"text\/javascript\" src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.3.2\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"vanadium.js\"&gt;&lt;\/script&gt;\r\n&lt;link href=\"style.css\" rel=\"stylesheet\" type=\"text\/css\" \/&gt;<\/pre>\n<p>Y luego a\u00f1adir un class en tus inputs como en los siguientes casos:<\/p>\n<pre>&lt;input name=\"username\" type=\"text\" id=\"username\" size=\"36\" class=\":required\" \/&gt;\r\n&lt;input name=\"email\" type=\"text\" id=\"email\" size=\"36\" class=\":email\" \/&gt;\r\n...<\/pre>\n<p>Puedes ver un ejemplo <a href=\"https:\/\/www.jose-aguilar.com\/scripts\/jquery\/vanadium\/\">aqu\u00ed<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vanadium es un plugin para jQuery que permite validar formularios de manera sencilla y con pocas lineas de c\u00f3digo. Permite validar campos obligatorios, num\u00e9ricos, email, entre otros. Validar formularios es muy importante en las p\u00e1ginas para prevenir el ingreso de datos inv\u00e1lidos sin el formato adecuado. Obviamente estas validaciones deben estar acompa\u00f1adas de una validaci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":526,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[84,77],"class_list":["post-523","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-formularios","tag-validaciones"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vanadium: Validar formulario con jQuery - Jose Aguilar Blog<\/title>\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=\"Vanadium: Validar formulario con jQuery - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Vanadium es un plugin para jQuery que permite validar formularios de manera sencilla y con pocas lineas de c\u00f3digo. Permite validar campos obligatorios, num\u00e9ricos, email, entre otros. Validar formularios es muy importante en las p\u00e1ginas para prevenir el ingreso de datos inv\u00e1lidos sin el formato adecuado. Obviamente estas validaciones deben estar acompa\u00f1adas de una validaci\u00f3n [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/\" \/>\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=\"2011-07-13T15:51:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-12-13T12:10:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/vanadium.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"186\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\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=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/\",\"name\":\"Vanadium: Validar formulario con jQuery - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/vanadium.gif\",\"datePublished\":\"2011-07-13T15:51:46+00:00\",\"dateModified\":\"2017-12-13T12:10:38+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/vanadium.gif\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/vanadium.gif\",\"width\":400,\"height\":186},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vanadium: Validar formulario con jQuery\"}]},{\"@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":"Vanadium: Validar formulario con jQuery - Jose Aguilar Blog","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":"Vanadium: Validar formulario con jQuery - Jose Aguilar Blog","og_description":"Vanadium es un plugin para jQuery que permite validar formularios de manera sencilla y con pocas lineas de c\u00f3digo. Permite validar campos obligatorios, num\u00e9ricos, email, entre otros. Validar formularios es muy importante en las p\u00e1ginas para prevenir el ingreso de datos inv\u00e1lidos sin el formato adecuado. Obviamente estas validaciones deben estar acompa\u00f1adas de una validaci\u00f3n [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2011-07-13T15:51:46+00:00","article_modified_time":"2017-12-13T12:10:38+00:00","og_image":[{"width":400,"height":186,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/vanadium.gif","type":"image\/gif"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/","url":"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/","name":"Vanadium: Validar formulario con jQuery - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/vanadium.gif","datePublished":"2011-07-13T15:51:46+00:00","dateModified":"2017-12-13T12:10:38+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/vanadium\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/vanadium.gif","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2011\/07\/vanadium.gif","width":400,"height":186},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/vanadium\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Vanadium: Validar formulario con jQuery"}]},{"@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\/523","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=523"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/523\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/526"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}