Max and Min for an Input

Question

For this particular existing form there is an input to accept phone numbers. It already validates to only accept numbers and added a max character attribute for 10 characters.

However someone could add 1-9 digits. So I need to add javascript to check to make sure the character count for that field is 10. The input has an ID of phonenumber.

Can someone tell me how to modify the following code to make that work? Note: The "= 10 Characters" is just a placeholder, that part needs to be replaced with real code.

function checkEmail(theForm) { if (theForm.getElementById("phonenumber").value = 10 Characters ) { alert('Your phone number is not 10 digits.'); return false; } else { return true; } }

Did you use a regex to prevent non-digits from being entered? Combine this to \d{10} — Michael Berkowski
– Michael Berkowski, Commented May 7, 2012 at 17:18

Martin. · Accepted Answer · 2012-05-07 17:17:47Z

1

I think you want .length

if (theForm.getElementById("phonenumber").value.length == 10) {

answered May 7, 2012 at 17:17

Martin.

10.5k3 gold badges45 silver badges69 bronze badges

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

Comments

kennebec · Accepted Answer · 2012-05-07 17:34:53Z

You may want to be gentle with your users, and allow common conventions in phone numbers, like spaces or dash-hyphens.

Just check for 10 digits. When you use the value, remove any non digits.

function checkphone(v){ if(v.match(/\d/g).length==10) return true; throw 'Phone number must have 10 digits'; }

checkphone('207 555-5555');

Andrew Leach · Accepted Answer · 2012-05-07 17:21:38Z

if (theForm.getElementById("phonenumber").value.length != 10)

...since you want something to happen if the length is not 10.

sf_admin · Accepted Answer · 2017-08-24 04:56:33Z

Verify min and max length of phone number field using Javascript Validation

function checkLimit() { var x, text; // Get the value of the input field with id="Phone" phone = document.getElementById("Phone").value; // If phone is Not a Number or less than 10 or greater than 10 if (isNaN(phone) || phone.length < 10 || phone.length > 10) { text = "Input not valid"; } else { text = "Input OK"; } document.getElementById("resp").innerHTML = text; }

 <input onkeypress="checkLimit()" id="Phone" name="Phone" type="number" class="form-control" placeholder="Phone Number" required="required"/> <p id="resp"></p>

mohamed elbou · Accepted Answer · 2012-05-07 17:20:22Z

try this:

function checkEmail(theForm) { if (theForm.getElementById("phonenumber").value.length != 10 ) { alert('Your phone number is not 10 digits.'); return false; } else { return true; }

}

Collectives™ on Stack Overflow

Max and Min for an Input

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Related