jQuery Watermark and using .Val()

Question

Hi Guys,

I have a problem in that I am using a simple watermark plugin such that it works

jQuery('#selector').Watermark('Watermark text here ...');

The problem is - when I try and use something like

if (jQuery('#selector').val() != "") { //do stuff }

The statement is True because of the watermark. Is there anyway I can somehow "ignore" this watermark value for my If statement ?

Thanks

Answer 1

You could ignore the watermark text as well other than empty:

if (jQuery('#selector').val() != "" && jQuery('#selector').val() != "your watermark text")
{
  //do stuff
}

Answer 2

if (jQuery('#selector').val() != "" && jQuery('#selector').val() != "'Watermark text here ...'") { //do stuff }

This only assumes that the watermark text is static across examples. If not then you may need a collection of watermark texts?