LiveValidation is a small open source javascript library built for giving users real-time validation information as they fill out forms. Not only that, but it serves as a sophisticated validation library for any validations you need to make elsewhere, it is not just limited to form fields.

The naming conventions and parameters of the validations are similar to those found in the Ruby on Rails framework, and as such is the perfect companion. Don’t worry if you dont use Rails though, LiveValidation can be used anywhere you like, is simple to learn, and a joy to use.

Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.livevalidation.com/examples
License: MIT License

• 5 Comments

Remember last we talked about Ajax Password Strength Meter by Code and Coffee which is not very useful because of the bad algorithm. Today we have a JQuery Password Strength Meter which is a small plug in that provides an easy way to show the strength of a users password as well. The algorithm seems to be a lot better than the last one and the Author said he is still improving the algorithm. JQuery Password Strength Meter provides some simple options that allow you to customize the output. You can define the strength of the meter easily by adjusting the score for each requirement.

Requirements: JQuery Framework
Demo: http://digitalspaghetti.me.uk/index.php?q=jquery-pstrength
License: MIT License

• 4 Comments

Password Strength Meters are becoming more and more popular amongst web services. Google uses one when creating a Google account. The password strength meters wil be updated for every key input the user types. So how does one go about making one of these meters? Code and Coffee created one for us, it calculates how many different combinations there are for the password you enter, then determine how many days it would take to crack your password. The algorithm returns a percentage that he then in turn convert to a nice GUI for the end user to see.

Requirements: Modern Browser with Javascript Enabled
Demo: http://www.codeandcoffee.com/wp-content/uploads/demo.html
License: License Free

• 11 Comments

Really Easy Field Validation from Dexagogo allow us to attach to the form’s onsubmit event, read out all the form elements’ classes and perform validation if required. If a field fails validation, reveal field validation advice and prevent the form from submitting. All the validations can be done in real time which means if the field does not validate, error messages will be popped up after swtching to another field. And the validations can be done after users clicking form’s submit button. This form validation script is extremely easy to integrate into your website or web application.

Requirements: Any Modern Browsers with Javascript Enabled
Demo: http://tetlaw.id.au/upload/dev/validation
License: MIT License

• 2 Comments

Despite of the fact that there are increasing number of spam on the internet, we need some tools to defend it. Psyrens has created an Ajax CAPTCHA which allow us to validate the CAPTCHA field in real time. It is very simple but extremely useful.

Requirements: Any Modern Browsers with Javascript Enabled
Demo: http://psyrens.com/captcha/
License: License Free

• 0 Comments

As we know, the input with the type=”submit” is either too ugly (Firefox), a little buggy (Internet Explorer) or completely inflexible (Safari). The solution for most is to use image inputs and create the damn things ourselves. And it’s unfortunate, because then we’re reduced to the tedious tasks of opening up Photoshop every time we’re in need of a new button. What we need is something better—something more flexible and meant for designers. Lucky for us, the solution already exists. ParticleTree introduced us a better way to do it, also with mouseover and mouseout effect.

Requirements: No Requirements
Demo: http://particletree.com/features/rediscovering-the-button-element
License: License Free

• 2 Comments

HTML text editor brings to the web much of the power of desktop editors like MS Word. FCKeditor is a lightweight and doesn’t require any kind of installation on the client computer. Web Developers can customize the toolbar, change the skin and install new plugins easily. Users can font formatting and create html text without any difficulties.

Requirements: Internet Explorer 5.5+, Firefox 1.0+, Mozilla 1.3+ and Netscape 7+
Demo: http://www.fckeditor.net/demo
License: GPL, LGPL and MPL License

• 6 Comments

BrandSpankingNew made a re-usable Ajax auto-suggest and auto-complete text field. The AutoSuggest class adds a pulldown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the enter key.

Requirements: Safari 2.0.4, Firefox 1.5+, Internet Explorer 6.0+
Demo: http://www.brandspankingnew.net/specials/ajax_autosuggest/…
License: Creative Commons License

• 0 Comments

WYSIWYG is an acronym for What You See Is What You Get, users can edit and format what they typed from the textarea and view something very similar to the end result. TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.

Requirements: Mozilla, MSIE, FireFox, Opera and Safari
Demo: http://tinymce.moxiecode.com/example_full.php?example=true
License: LGPL License

• 0 Comments

Would you like to have a set of customised checkbox and radio buttons? CRIR is a combination of JavaScript and CSS will hide checkbox and radio inputs and allow you to style the label as you wish using CSS. If javascript is disabled no inputs will be hidden and the form is still be fully functional.

Requirements: Any Modern Browsers
Demo: http://chriserwin.com/scripts/crir/index.php
License: GUN Libray Gerenal Public License

• 0 Comments