Javascript undefined innerHTML

Question

I have googled a lot and there seems to be a lot of talk regarding jQuery and the problem I'm having, however I'm using purely JavaScript.

I am just having a problem with not being able to validate the input because it is undefined.

**If my HTML is needed I will post, but i think this can be solved without it.

function fnValidation()
    {
        var validator = /^[a-zA-Z]*$/; //regex
        var input = document.getElementById("fn").innerHTML; 

        if (!(input.match(validator)))
        {
            alert("Please enter only alphabetical characters!");
        }
        printReceipt();
    }

I dug this old code up from a pervious problem and decided to salvage the username validation but am now having the problem described above

ohhh! is it just my variable name being a keywork in javascript? — SenjuXo
– SenjuXo, Commented Nov 13, 2015 at 21:44

Pankaj Parkar · Accepted Answer · 2015-11-13 21:48:44Z

1

Input element doesn't have innerHTML, because all it has its value inside value attribute on html & value property Inside DOM.

You should use

document.getElementById("fn").value

edited Nov 13, 2015 at 21:48

answered Nov 13, 2015 at 21:45

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

SenjuXo Over a year ago

Thanks for clearing this up. I was under the impression .innerHTML would return the HTML inside the element

Pankaj Parkar Over a year ago

@SpencerWieczorek Thanks for heads up..I editted that code from mobile which accendently made starting letter in caps..

Life is good · Accepted Answer · 2015-11-13 21:46:12Z

0

should be var input = document.getElementById("fn").value and not innerHTML

answered Nov 13, 2015 at 21:46

Life is good

4182 silver badges18 bronze badges

Comments

HazeTek LLC · Accepted Answer · 2015-11-13 22:00:37Z

0

.innerHTML will return the string inside that id tag example here: jsfiddle

<h1 id="fn">Hello World!</h1> the id is 'fn' the innerHTML is Hello Wold!

answered Nov 13, 2015 at 22:00

HazeTek LLC

551 silver badge9 bronze badges

Collectives™ on Stack Overflow

Javascript undefined innerHTML

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related