Posted By

minky on 06/05/10

Tagged

jquery

Versions (?)

Last Edited at 06/05/10 11:27am

Statistics

Viewed 630 times

Favorited by 0 user(s)

Related snippets

PWDefaultValue - A jQuery Form-Assistant Plugin

/ Published in: jQuery

## PWDefaultValue

This jQuery Plugin allows you to set a label-like default value on an input which is toggled depending on whether the user has entered any content into the input element. Examples and such are available on http://www.pixaweb.co.uk/resources

Highlighted TextExpand

/*
 * @package pwDefaultValue
 * @description pwDefaultValue - uses input value as a label while the input is empty
 * @author Jared Clarke <jared@pixaweb.co.uk>
 * @copyright 2010 (c) Jared Clarke @ Pixaweb.co.uk
 * @version 0.1
 */
(function($) {

$.fn.pwDefaultValue = function(options) {
    
        var opts = $.extend({}, options, $.fn.pwDefaultValue.defaults);
        
        return this.each( function() {
        
            var _this       = $(this),
                _default    = this.defaultValue;
                
            _this.bind("focus", function(event) {
            
                var _value = $(this).val();
                
                if(_value == _default) {
                
                    $(this).val("");
                    
                }
                
            }).bind("blur", function(event) {
            
                var _value = $(this).val();
                
                if(_value.length == 0 || _value == "") {
                
                    $(this).val(_default);
                    
                }
            });
            
            return _this;
            
        });
    };
    
    $.fn.pwDefaultValue.defaults = {};
    
})(jQuery);

URL: http://www.pixaweb.co.uk/resources?tag=jquery

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.