How to check value length with using Javascript?

Question

Hello everyone I would like to ask how to check value's length from textbox ?

Here is my code :

@*<script>
    function validateForm() {
        var x = document.forms["frm"]["txtCardNumber"].value;
        if (x == null || x == "" ) {
            alert("First name must be filled out");
            return false;
        }
    }
</script>*@

When I run my script yeap I got alert message but I'm trying to add property which control the texbox' input length.

Darin Dimitrov · Accepted Answer · 2012-09-20 06:41:49Z

9

You could use x.length to get the length of the string:

if (x.length < 5) {
    alert('please enter at least 5 characters');
    return false;
}

Also I would recommend you using the document.getElementById method instead of document.forms["frm"]["txtCardNumber"].

So if you have an input field:

<input type="text" id="txtCardNumber" name="txtCardNumber" />

you could retrieve its value from the id:

var x = document.getElementById['txtCardNumber'].value;

answered Sep 20, 2012 at 6:41

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

1 Comment

gdoron Over a year ago

+1 just please add a note about: document.forms["frm"]["txtCardNumber"]

Praveen Kumar Purushothaman · Accepted Answer · 2012-09-20 06:45:51Z

2

Still more better script would be:

<input type="text" name="txtCardNumber" id="txtCardNumber" />

And in the script:

if (document.getElementById(txtCardNumber).value.length < 5) {
    alert('please enter at least 5 characters');
    return false;
}

answered Sep 20, 2012 at 6:45

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

Collectives™ on Stack Overflow

How to check value length with using Javascript?

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related