If input value is blank assign a value of empty with Javascript

Question

So I have an input field  if it s blank  I want its value to be the words  empty   but if there is any value inputted  I want the value to be the inputted value  I want to use javascript for this  any idea how this can be done   UPDATE  Sorry  I don t think I explained it too well  I don t mean placeholder text  I mean the captured value of it  So if it s blank  the captured val   for it should be  empty   if it s filled  the captured val   for it should be that val

User · Accepted Answer

If you re using pure JS you can simply do it like   var input   document getElementById  myInput     if input value length    0      input value    Empty     Here s a demo  http   jsfiddle net nYtm8

User · Answer

I m guessing this is what you want     When the form is submitted  check if the value is empty and if so  send a value   empty   If so  you could do the following with jQuery      form   submit function        var input       test   val        if input                      test   val  empty                    HTML   lt form gt        lt input id  test  type  text    gt   lt  form gt    http   jsfiddle net jasongennaro NS6Ca   Click your cursor in the box and then hit enter to see the form submit the value

User · Answer

I think the easiest way to solve this issue  if you only need it on 1 or 2 boxes is by using the HTML input s  onsubmit  function    Check this out and i will explain what it does    lt input type  text  name  val  onsubmit  if this         this val  empty        gt    So we have created the HTML text box  assigned it a name   val  in this case  and then we added the onsubmit code  this code checks to see if the current input box is empty and if it is  then  upon form submit it will fill it with the words empty   Please note  this code should also function perfectly when using the HTML  Placeholder  tag as the placeholder tag doesn t actually assign a value to the input box

User · Answer

This can be done using HTML5 s placeHolder or using JavaScript  Checkout this post

User · Answer

You can set a callback function for the onSubmit event of the form and check the contents of each field  If it contains nothing you can then fill it with the string  empty     lt form name  my form  action  validate php  onsubmit  check    gt       lt input type  text  name  text1    gt       lt input type  submit  value  submit    gt   lt  form gt    and in your js   function check         if document forms  my form    text1   value                document forms  my form    text1   value    empty

User · Answer

You can do this   var getValue    function  input  defaultValue        return input value    defaultValue

[javascript] If input value is blank, assign a value of "empty" with Javascript

Examples related to javascript

Examples related to forms

Examples related to input