VanadiumJS: A Powerful, Simple, and Intuitive Client-Side Validator
Posted on September 8, 2009, under JavaScript, 
Bookmark it
VanadiumJS is a free powerful easy customizable client-side validator that supports AJAX and regular server-side response results. This unobtrusive AJAX-enabled server-side technology agnostic JavaScript validation toolkit is very easy to install: you just have to include the vanadium js file after the dependency.
<head> <script src="/js/jquery-latest.js" type="text/javascript"></script> <script src="/js/vanadium.js" type="text/javascript"></script> </head>
The validation rules are applied to the HTML form elements that have special markup classes (e.g. adding ‘:required’ to the elements’ classes).
Example 1
Password fields validation
<input id="pass" class=":required" type="password"> <input class=":same_as;pass" type="password">
Example 2
Delay the Vanadium reaction on user changes
<input class=":required :wait;500" type="text">
Features include:
- Unobtrusive
- AJAX-enabled
- Server-side Technology Agnostic
- Server-side Aware
- Support for declarative validation
- Using json structure
- Using inline markup
- Support for deferring validation (immediate validation of the element when its value has changed)
- Tested in: Firefox 3.5 (PC/Mac), Safari 2 (Mac), IE 6+, Opera 9 (PC/Mac)
- Project Home: http://lambder.com
- GIT Repository: http://github.com/lambder/Vanadium
- Demo: http://vanadiumjs.com/
- Download: Uncompressed | Minified
Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!
- September 8, 2009
- article by Gabriel C.
- 4 comments
Related Posts
-
php.js – Use your Favorite PHP Functions Client-Sideat May 31, 2009
-
Powerful AJAX-enabled DHTML JavaScript Grid Control: dhtmlxGridat January 7, 2010 with 1 comment
-
UIZE, a free powerful Open Source object oriented JavaScript Frameworkat August 10, 2009
-
Powerful, Flexible, Simple to use Upload Tool: Pluploadat February 9, 2010
-
Simple JavaScript UI Toolkit for complex web applications: UKIat December 30, 2009
-
AJAX Form with CAPTCHA, Realtime Validation and PHP BackendPublished on 09.02.08, 537 replies.
-
Dynamic Dependant DropDown List: US States & CountiesPublished on 11.06.08, 83 replies.
-
An AJAX (jQuery) Username Availability Checker with PHP Back-endPublished on 12.05.08, 61 replies.
-
How to Implement a jQuery AJAX Login Form into a Modal BoxPublished on 04.24.09, 85 replies.
-
How to Add Multi-language Support to a PHP WebsitePublished on 07.23.09, 83 replies.
-
10 Mistakes Info-Marketers Need To Know And Avoid In Order To Succeedby Gabriel C. on February 3, 2012
-
In-Depth Instant CSS Documentation Search: InstaCSS
by Gabriel C. on December 2, 2011
-
Factors to Consider When Choosing a Font
by Gabriel C. on November 15, 2011
-
Bootstrap: Kick-start Development of Webapps and Sites
by Gabriel C. on November 8, 2011
This is a great application. But Gabriel you prommised me a database "updated version" laston February 5th, 2012 by Llewellyn
Also will not work in this example: www.google.com/?secondwebsite.com/site.phpon January 7th, 2012 by dewdwtf2
For people who seem to be receiving auto responder emails twice, the issue can beon December 30th, 2011 by Donina
That include_once 'languages/'.$lang_file; always generates a break line on top of HTML. How can i preventon December 8th, 2011 by M4x1m0v3r
- AJAX (20)
- Design (16)
- Flash (19)
- Freebies (10)
- General (17)
- Graphics (22)
- HTML & CSS (33)
- Frameworks (8)
- JavaScript (142)
- Frameworks (5)
- jQuery (74)
- MooTools (13)
- Photoshop (3)
- PHP (103)
- Reviews (5)
- Statistics (2)
- Web Tools (8)
- Wordpress (16)
- February 2012
- December 2011
- November 2011
- October 2011
- August 2011
- July 2011
- June 2011
- May 2011
- April 2011
- March 2011
- February 2011
- January 2011
- December 2010
- November 2010
- October 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010
- January 2010
- December 2009
- November 2009
- October 2009
- September 2009
- August 2009
- July 2009
- June 2009
- May 2009
- April 2009
- March 2009
- February 2009
- January 2009
- December 2008
- November 2008
- October 2008
- September 2008
- August 2008
- July 2008
- May 2008
Tag Cloud
- ajax form builder
- ajax login
- alphabetical
- array
- auto grow
- base
- calculate
- captcha
- chart
- charts
- countdown
- css framework
- delimiters
- documents
- dropdown
- extension
- extract
- filename
- fonts
- form
- gd library
- icon set
- iphone
- lightbox
- modal box
- mod_rewrite
- percent
- Photo Gallery
- picker
- random
- remove
- script.aculo.us
- search
- shopping cart
- skin form elements
- slider
- syntax highlighter
- tableless
- to-do
- validate
- web analytics
- web fetch
- WYSIWYG
- zoom
4 Replies to "VanadiumJS: A Powerful, Simple, and Intuitive Client-Side Validator"
September 8, 2009 at 11:41 PM
[...] Read more: VanadiumJS: A Powerful, Simple, and Intuitive Client-Side Validator [...]
September 10, 2009 at 12:28 AM
Hi,
I’m the author of VanadiumJS toolkit. First of all many thanks for you interest. There is small mistake in the depencency inclusion code in this blog post.
Instead of :
<script src=”/js/vanadium-init.js” type=”text/javascript”/>
It should be:
<script src=”/js/vanadium.js” type=”text/javascript”>
vanadium-init.js is just ‘source file’ which with many others constitute the whole VanadiumJS.
The distributuion file is vanadium.js or it minified version vanadium-min.js
Have look at http://github.com/lambder/Vanadium
Cheers,
Daniel
.-= Daniel Kwiecinski’s last blog ..VanadiumJS.com is live !!! =-.
September 10, 2009 at 1:37 AM
I have updated the post. Thanks for letting me know!
August 11, 2010 at 7:10 AM
why is this exactly like: livevalidation: http://livevalidation.com/
i havent tried it yet but hopefully it works since live validation hasnt been updated in ages!