Alex Rivera | Logout

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

Asked 2011-07-19T19:09:02.030
16

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()

javascript forms input
Edit
Report

1 Answer

30

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/

answered 2011-07-19T19:14:04.807

Your Answer