Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
03 Nov

Easy Form Validation Requires No Javascript Library

  • BSD License, Forms
  • Leave a Comment

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.

form-validation

Requirements: Javascript Enabled
Demo: http://validatious.org/learn/examples
License: BSD License

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Ajax Really Easy Real Time Form Validation

Ajax Really Easy Real Time Form Validation

String Helps You Creating Multi-Language Website & App

String Helps You Creating Multi-Language Website & App

14 Ways to Learn From Creative Programmers

14 Ways to Learn From Creative Programmers

Live Validation – Validation As You Type

Live Validation – Validation As You Type

Google Ajax Language API for Detection and Translation

Google Ajax Language API for Detection and Translation

jQuery Inline Form Validation Engine

jQuery Inline Form Validation Engine

Comments
  • http://github.com/grimen grimen

    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

  • http://www.simplenewsapp.com Simplenews RSS

    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.

  • Dorac

    Was just looking for this thanks!!

  • Rob

    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…

  • http://www.artviper.net Frank

    Nice, but as any JS validation not secure enough. Form validation must be done server-side.

  • http://cjohansen.no/en/ Christian

    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!

  • Pingback: 18 Impressive Web Form Validation Scripts to Enhance User Experience | Dzine Blog

  • Pingback: 18 Impressive Web Form Validation Scripts to Enhance User Experience | LearnersTutorials

  • faisal

    Beautiful program

    But the explanation is very bad

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 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • How to Create Realtime Multi-player Games in HTML5
  • A True Responsive jQuery Lightbox Plugin for Free
  • Create an Amazon-like Navigation Menu with jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • Super Smooth CSS Transitions for jQuery
  • Free Responsive HTML5 + CSS3 Site Templates
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
  • Ghost: A Revolutionary Open Source Blogging Platform
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes25
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools294
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free740
  • MIT License411
Sponsors
Advertise Here
Partners
MaxCDN