This site is dedicated to scripts built on the MooTools Javascript Framework.

You will find classes for managing forms, ui components classes for building Web Applications and miscellaneous utilities.

FormCheck - MooTools form validation class

FormCheck is a class that allows you to perform different tests on form to validate them before submission.

Main features:

• Lightweight, shiny and fast
• Skins support : customize css, fonts, ...
• Cross-browser compatibibility
• Display errors as tips, or before/after the field
• Basic validation (required, alpha, digit, alphanu, length, confirm, ...)
• Regex validation (phone, email, url)
• Custom function based validation, to perform test that could not be handled by basic tests neither regex test.
• Make easily your own custom regex and alerts
• Internalization : we now support 10 different languages
• Active community
• A lot of options that allow you to customize this class to fit exactly as you want

Attach FormCheck to your HTML document

<script type="text/javascript" src="/js/formcheck/lang/en.js"> </script>
<script type="text/javascript" src="/js/formcheck/formcheck.js"> </script>

Link the desired theme

<link rel="stylesheet" href="/js/formcheck/theme/classic/formcheck.css" type="text/css" media="screen" />

Instantiate FormCheck class for the given form

<script type="text/javascript">
    window.addEvent('domready', function(){
        new FormCheck('myform');
    });
</script>

Installation tutorial and examples

Copyright

mootools.floor site content is licensed under a Creative Commons Attribution 2.5 License.