Easy Form Validation Requires No Javascript Library
03 Nov
Posted by Ray Cheung as BSD License, Forms
Validatious 2.0 is an easy form validation with unobtrusive JavaScript. Validatious requires no JavaScript library. However, if you’re already using one, Validatious can easily work with it, and even benefit from it.
There are several settings allow you to control how and when Validatious does validation, how it displays errors and more. If configuring isn’t enough, callbacks and easy overriding gives you complete control.
You can also add custom validators with only a couple of lines of JavaScript. If your site’s language is not english, you probably don’t want error messages in english. There are several ways of changing languages as well.
Requirements: Javascript Enabled
Demo: http://validatious.org/learn/examples
License: BSD License
- Brushes (11)
- Buttons (21)
- Color Schemes (21)
- Fonts (39)
- Forms (95)
- Icons (84)
- Patterns (24)
- PS Tutorials (9)
- Stock Photos (19)
- Tables (23)
- Announcement (70)
- Best Collections (4)
- Code (44)
- eCommerce (19)
- Framework (156)
- Hosting (12)
- Information (161)
- Inspiration (27)
- Legal Documents (8)
- Reviews (8)
- Security (13)
- Social (19)
- Sound (12)
- Stats (32)
- Tools (190)
- Webmail (13)
- BSD License (51)
- CC License (111)
- GPL License (189)
- LGPL License (37)
- License Free (584)
- MIT License (274)
Search Site
Open Source Resources for You
What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.
© Copyright 2010 WebAppers
Sponsored by NetDNA Content Delivery Network
Recommended Books for Web Developers
It’s an awesome library, very thorough code as well. Def check it out. FYI: I made a Rails plugin that maps ActiveRecord model validations to Validatious 2.0:
http://github.com/validatious-on-rails
Thanks for sharing,
We were looking for just such a thing. But I think they didn’t work enough on a few things. For example the messages pop up immediately even if you didn’t enter anything. Inline-validation is a very complicated thing as this great article shows:
http://www.alistapart.com/articles/inline-validation-in-web-forms/
I don’t even know if it’s an advantage for a normal registration form with a maximum of 4 fields like ours. So we decided to leave it out.
Some designs like signup on twitter are incredible of course. For example they don’t display “can’t be left empty” but “please enter” in grey when a field is focused. That’s a great solution and it’s my suggestion for validitious.
Another thing is, that it’s not clear what the checkmark means. For that see the article I mentioned. BTW: Twitter got that right too.
Was just looking for this thanks!!
tried for about an hour to get this to work with no success… i followed the getting started instructions perfectly, and nothing shows up.
ah well…
Nice, but as any JS validation not secure enough. Form validation must be done server-side.
Frank: I agree, you need to validate on the server as well. But that doesn’t mean you can’t catch errors as early as possible to aid the user.
Rob: I’d be happy to help out. Pop me an email on christian at cjohansen.no and I’ll check out your problem. I’m using Validatious successfully on several sites.
Simplenews: Well, the screenshot is just one example of how you can deploy Validatious. Validatious is really a JS validation engine – it does not ship any ready-to-use design. It’s designed to be highly flexible, and you can configure everything such as when to do validation. Additionally, you can write your own error formatting code for highly customized applications. Do give it a shot!
[...] 2.) Easy Form Validation Requires No Javascript Library [...]
[...] 2.) Easy Form Validation Requires No Javascript Library [...]
RSS feed for comments on this post · TrackBack URI