how to show placeholder value after setting the value of input field as empty ""?

Question

I have input field with id = datepicker

 validationfails = true;

 if(validationfails)
 {
     $('#datepicker').val('');
     $('#datepicker').attr('placeholder','mm/dd/yyyy');
 }

I want to show the placeholder, if validation fails.

But the placeholder does not appear. When i press the backspace in the input field, it appears.

how to fix this.?

It works fine for me.. on emptying the input with `.val('')` it shows the placeholder again (without your extra code) http://jsfiddle.net/rzxsz6k8/ — putvande, Jun 17 '15 at 11:10
What browser is this in as it seems to work in chrome, ff and ie11: http://jsfiddle.net/noLwohg4/ — Pete, Jun 17 '15 at 11:13

score 3 · Answer 1 · answered Jun 17 '15 at 11:18

3

Try:

$('#datepicker').attr('placeholder','mm/dd/yyyy').focus().blur();

answered Jun 17 '15 at 11:18

Rajiv007

1

This bug was just affecting us (only in Safari), the focus/blur trick fixed it for us. – Andy Jeffries Jan 05 '17 at 10:53

1 Answers1