Getting the length of a textbox value or content using JavaScript

Question

This is something that's driving me nuts:

I have this code and it works: I am trying to learn JavaScript before becoming addicted to JQuery. My sample project involves getting the value of the text-box, and validating according to it's length. the name of the form is membership.

Example: This works:

function validateForm()
{
    var element = document.membership;

    if(element.txtName.value == "")
    {
        element.txtName.className = "alert";
    }
    else
    {
        element.txtName.className = "";
    }
}

But this doesn't:

function validateForm()
{
    var element = document.membership;
    var nameLenght = element.txtName.value.lenght;

    if(nameLenght < 1)
    {
        element.txtName.className = "alert";
    }
    else
    {
        element.txtName.className = "";
    }
}

Just an FYI: I am new to JavaScript but very familiar with the syntax. I just want to learn the basics and move up.

I even read some solutions on here but feel I am simply sinking deeper.

Thanks for your help.

Are you able to retrieve your element by using document.membership;? I would suggest using document.getElementById() or getElementsByClassName () — MartinElvar
– MartinElvar, Commented Jun 16, 2013 at 6:59
Sorry about the type: I meant: length. My bad. It's called being too used to intellisense. I am using NotePad. — Asynchronous
– Asynchronous, Commented Jun 16, 2013 at 7:00
Thanks my friends. I am so use to writing C# in visual studio and strong type languages. I have to be very careful because I misspelled but never got an error. even when I pasted the code in Dreamweaver CS6. By the way: The reason I am using var element = document.membership; is because I do not want to call each element by ID individually, is this a bad thing? — Asynchronous
– Asynchronous, Commented Jun 16, 2013 at 7:08
So the problem really was the typo? Then you should revert the edit. — Felix Kling
– Felix Kling, Commented Jun 16, 2013 at 7:10

Community · Accepted Answer · 2017-05-23 12:08:54Z

12

May be it is just because of typo in length here:

element.txtName.value.lenght;

must be element.txtName.value.length;.

If you want it to run every time user presses key , then look here: How to check string length with JavaScript

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered Jun 16, 2013 at 6:56

Ivan Chernykh

42.2k13 gold badges136 silver badges148 bronze badges

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

Comments

Aruna Prabhath · Accepted Answer · 2022-12-14 04:36:53Z

0

you can use this function as well

var a = txtName.value;
            if (a.length < 1) {
                alert('your message');
                return false;
            }

answered Dec 14, 2022 at 4:36

Aruna Prabhath

2423 silver badges11 bronze badges

Collectives™ on Stack Overflow

Getting the length of a textbox value or content using JavaScript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related