The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

Forms

Forms Category

Check Your Browsers’s Native Form Elements — Native Form Elements

Native Form Elements is a web app that lists all of the native form elements for the visitor’s current browser.

formelements Check Your Browserss Native Form Elements    Native Form ElementsThis application is useful to see how form elements behave in each browser. It’s useful to know how they blend into your design and which ones of them function on, e.g., an outdated version.

So, if you want to compare these differences between browsers, simply open the app in another one.

 

HTML5-input Form Validation — Validatr

Validatr is an HTML5 form validator that works across a number of browsers.

validatr HTML5 input Form Validation    ValidatrValidatr relies on modern HTML5 input attributes to perform form validation. If it’s not supported, Validator will use Modernizr to perform the validation.

It’s super easy to use and has a number of powerful validation methods; this plugin is also heavily customizable.

 

Easy & Simple Form Validation — Parsley.js

Parsley.js is a library for validating client-side forms without any extra code.

jsforms Easy & Simple Form Validation    Parsley.jsParsley sports a number of “type constraints” that make using this library fairly easy. The library focuses on providing a good user experience and, along with a number of default methods, features ways to override them.

 

Joyful & Light Form Validation — Happy.js

Happy.js is a jQuery/Zepto form validation plugin that’s easy to use and implement.

happyjs Joyful & Light Form Validation    Happy.jsHappy.js only features one form of validation by itself–namely, you can name a field ‘required’, and that’s it.

Luckily, though, tests can be passed to the plugin with ease and writing validation tests is a good exercise for your programming brain at the very least.

Bind Native JS Objects To HTML — jQuery.my

jQuery.my is a plugin that binds HTML with JS objects in real-time.

jquerymy Bind Native JS Objects To HTML    jQuery.my

The plugin is useful for form validation and formatting, as well as complex data mapping.

As can be seen from the picture, jQuery.my supports jQuery UI; the lightweight plugin also supports numerous validation methods and conditional formatting.

jQuery.my is definitely recommended to anyone having trouble with form validation — it’s easy to get into, as it accepts regexp patterns, and powerful once you get a hang of it.

 

Add Regex-based Notes To Textareas — InputNotes

InputNotes is a small jQuery plugin for adding notes below input fields, based on regex patterns you provide.

inputnotes Add Regex based Notes To Textareas    InputNotes

InputNotes provides a way of implementing input text checking; the plugin can also execute callbacks, but of course you need to add input checking on server-side, too.

Overall InputNotes is a nice plugin for unobtrusively telling the user what behavior is expected from him when filling forms and other data.