Monday, 16 September 2013

Adding watermark to text box



var watermark = 'Enter state';

            //init, set watermark text and class
            $('#txtstate').val(watermark).addClass('watermark');

            //if blur and no value inside, set watermark text and class again.
            $('#txtstate').blur(function () {
                if ($(this).val().length == 0) {
                    $(this).val(watermark).addClass('watermark');
                }
            });

            //if focus and text is watermrk, set it to empty and remove the watermark class
            $('#txtstate').focus(function () {
                if ($(this).val() == watermark) {
                    $(this).val('').removeClass('watermark');
                }
            });

No comments:

Post a Comment