How to get the length of text held in a div tag

[James Gardner]

Hi guys,

I am new to Javascript and I've got a Register form that I need users to fill in. I have a separate script to check whether their username and e-mail addresses have already been used, but I want the submit button to be disabled until all the fields have been filled out and the email and username is valid.

I have a separate div tag for displaying the email and username errors, but they are empty if there is no error. How would I check to see if there is no text inside the div tags.

This is what I have tried but it's clearly not right:

var DivEmail = document.getElementById('emailcheck')
 
    if(DivEmail.innerText !== null)
        {
            ++count;
        }

The count is for later in the script.

Thanks for your help!

[Dormilich]

.innerText is an IE-only property and it is never null.

[Bharat383]

<div id="temp_div"> your text.....</div>
 
<script type="text/javascript">
var div_text_length = document.getElementById("temp_div").value.length;
 
alert(div_text_length);
 
</script>

[Dormilich]

@Bharat383: nope, that doesn’t work. a <div> is not a form control element.

textContent or innerHTML would work.