18 Oct

Mootools FormCheck Indicates Errors on Forms

Forms, MIT License

Leave a Comment

FormCheck is a Mootools plugin that allows to performs different tests on forms and indicates errors. It works with input (text, radio, checkbox) fields, textarea and select boxes. You just need to add a specific class to each fields you want to check. You can perform check during the datas entry or on the submit action, shows errors as tips or in a div before or after the field, show errors one by one or all together, show a list of all errors at the top of the form, localize error messages, add new regex check and etc…

Requirements: Mootools framework
Demo: http://mootools.floor.ch/en/labs/formcheck/forum-registration/index.htm
License: MIT License

Sponsors

Comments

http://www.brianlang.ca Brian Lang

You got anything like this that works with JQuery?
http://blog.moskis.net/ Jose

You can check http://bassistance.de/jquery-plugins/jquery-plugin-validation/ and try to mix it with some of the CSS in here,
http://www.fleedy.com manS

TQ… Nice Plugin
Henry

Looks good – going to try replacing fValidator on a few of my sites now…
Henry

Hmm, well I installed it and tried it out, and found that it generated a table for the tooltip popup. What the christ?

Fortunately the js has been written well enough that I can override the maketips function (line 728 in the uncompressed formchecks.js file) but it’s still pretty disappointing that someone who had the intelligence to create such a well thought out form validation class thought it would be a good idea to use a table as presentational markup.

It looks fairly well written otherwise and it’s really nice to have common validation regexes and other cases pre-defined.
DrJ

@Henry: The table has been choose because it’s the easiest way to generate a tip that can be resizable without having to check dynamically the size of the message. I understand that deontologically we should use table only for tabular datas but standards are respected.

the version 1.4.2 also introduce a new way to check field using a custom validation function. See this new functionnality in action:

http://mootools.floor.ch/en/labs/formcheck/number-range/
Matt Rittman

Is there any way to install FormCheck on a simple PHP contact form?

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