CURRENT PROJECTS
loading
DEVELOPMENT LOG FOR JIM PALMER
Posted 07/31/2008 in jquery
UPDATE - 09/25/2009 - Work in progress updating this project with v0.1.5 in the current svn trunk with many fixes, new layout and a demo with more features. There are a few more bugs to quash and more demo validation to be made as well as full documentation of each validation demo.
NOTICE - 08/10/2009 - I'm in the process of re-vamping this project page with the current release 0.1.4 which is currently in the code.google SVN trunk linked in the ASSETS section below. I'm working on changing the instantiation process to not improperly html tag attributes and break all semblance of standards compliance. I'm going to add a changelog as well as example use on multiple fields, textareas, checkboxes, etc.
NOTICE - 08/10/2009 - I'm in the process of re-vamping this project page with the current release 0.1.4 which is currently in the code.google SVN trunk linked in the ASSETS section below. I'm working on changing the instantiation process to not improperly html tag attributes and break all semblance of standards compliance. I'm going to add a changelog as well as example use on multiple fields, textareas, checkboxes, etc.
jVal is a jQuery form field validation plugin that provides an appealing animated message flyout that doesn't impede form layout/design while being user-friendly.
DEMO
Click the Submit Form button in the mock form below to see the validation:
loading demo..
FEATURES
- Current development version is only 8KB and 5.8KB minified
- Check validity of field values within a certain container or block element based off simple INPUT tag attributes
- Easy configuration of validity checks per field as per attributes in the INPUT tag
- Check the validity of all fields within a certain container with a single function call
- Check the validity of a single field when the user clicks away firing the onBlur event
- Prevent the user to input specific characters into the field and notify them it's not allowed
- jVal.js - LATEST - core jVal jQuery plugin code
- jVal.css - drives the style of the jVal flyout notifications
- jVal.html - demonstration html instantiating jVal
- remaining assets - graphics
Known Issues
- There are known formatting issues when the container block with the form field is of a certain type, display:inline-block and TD elements work best with the current version
- jVal warning/error text is larger than default Safari input[type=text] fields - isn't symmetrical in height and position with the field.
- resizing the window fouls the placement of the jVal warning/errors as well as the fields. This could be solved by clearing the warnings/errors with the window.onResize event.
loading
NAME
EMAIL ME ON UPDATES
EMAIL (hidden)
URL
MESSAGE TAGS ALLOWED: <code> <a> <pre class="code [tab4|tabX|inline|bash]"> <br>
PREVIEW COMMENT
TURING TEST
