Question

97

Only Allow Numbers to be Typed in Input Field

rated 0 times [ 102] [ 5] / answers: 1 / hits: 27783 / 12 Years ago, wed, september 5, 2012, 12:00:00

I'd like to have the phone number field on this website only accept numbers or digits. I do not have access to edit the HTML code, so can this be done with jQuery by targeting the field's ID? If so, how can it be done?

I've already tried a few suggestions on this site and none have worked so far.

Thanks in advance for any assistance!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

raymondd

Add To Favorites

Follow

Total Points: 620

Total Questions: 112

Total Answers: 94

Location: Namibia

Member since Mon, Feb 21, 2022

2 Years ago

raymondd questions

1 Automatically adjust height of iframe using React Hooks

Thu, Apr 22, 21, 00:00, 3 Years ago

1 What's the proper location to store images in VueJS - public folder or assets folder?

Sat, Jul 11, 20, 00:00, 4 Years ago

1 Convert binary to blob url

Thu, Jul 9, 20, 00:00, 4 Years ago

1 Show Loading indicator on Bootstrap 4 (Modal) dialog

Thu, Apr 9, 20, 00:00, 4 Years ago

1 Script injected with insertAdjacentHTML() does not execute

Thu, Jul 25, 19, 00:00, 5 Years ago

View All

answered 12 Years ago kalistaz · Accepted Answer

Use jQuery to hook into the textfield's keypress event. In the handler, read the textfield's value and filter out everything that you don't want using a regex replace.

Update: untested example to illustrate:

jQuery(#myPhonefield).keypress(function(){

    var value = jQuery(this).val();

    value = value.replace(/[^0-9]+/g, '');

    jQuery(this).val(value);

});