How to set default text if input text is empty?

Question

how can i do this using jquery? I am using the change event, but if I submit or reset the form, the text will not be set again. I need to show the text (this is a datapicker, so I need to show the date) inside the input.

How to do it?

Thanks!

Answer 1

You can do it without Javascript. Using HTML5 is easier:

<input type="text" placeholder="default text" /> 

Answer 2

This is how I usually do it.

 <form id="myform"> <input name="box" type="text" value="Type here"> </form> 

_

 $("input[name='box']", "#myform").bind("blur focus", function() { if ($(this).val() == "" ) { $(this).val("Type here"); }else if ($(this).val() == "Type here" ) { $(this).val(""); } }); 

And here is a fiddle to show how this works: http://jsfiddle.net/cR6P8/1/

If necessary, it can be associated with a download event.

Answer 3

 $('#textbox').blur(function() { if( $('#textbox').val() == "" ) { //show the date } } 

Answer 4

Actually your question is not very clear, but

 var yourVaribale; $('yourTextSelector').val(yourVariable) 

u can set the input text value as above

Answer 5

you can do something like

 $(document).ready(function(){ if ($("input[id$='your textbox id']").val().length == 0 || $("input[id$='your textbox id']").val().trim() == " ") { $("input[id$='your textbox id']").val("something"); });