Question

115

JQuery function to allow only alphabets in textbox not working

rated 0 times [ 116] [ 1] / answers: 1 / hits: 40137 / 8 Years ago, thu, july 28, 2016, 12:00:00

I use the following JQuery function to restrict users from writing numeric values in the textbox. The code works fine but the problem is that it also restrict users from using other characters like full stop(.), comma(,), $, @ and other signs..It also does not allow users to use the options of copy and past. I only want to restrict the users from writing numeric values or numbers but the user should be allowed to use other characters.

$(function() {

  $('.txtOnly').keydown(function(e) {

    if (e.shiftKey || e.ctrlKey || e.altKey) {

      e.preventDefault();

    } else {

      var key = e.keyCode;

      if (!((key == 8) || (key == 32) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90))) {

        e.preventDefault();

      }

    }

  });

});

Answers

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

zahrafrancisr

Add To Favorites

Follow

Total Points: 176

Total Questions: 105

Total Answers: 99

Location: Svalbard and Jan Mayen

Member since Sun, Sep 25, 2022

2 Years ago

zahrafrancisr questions

1 Display a Swiper slider when clicking a thumbnail in a gallery

Fri, Mar 19, 21, 00:00, 3 Years ago

1 Confirming Password is still displaying Passwords do not match even when passwords do match

Mon, Dec 28, 20, 00:00, 4 Years ago

1 How to add regular expression to filter out the xhr URL in Cypress

Wed, Nov 11, 20, 00:00, 4 Years ago

1 What are some JS library alternatives for Animate On Scroll (aos)?

Mon, Aug 31, 20, 00:00, 4 Years ago

1 How to pass array of objects in angular app from one component to another component

Fri, Jul 17, 20, 00:00, 4 Years ago

View All

answered 8 Years ago acaciac · Accepted Answer

Hope this helps:

<!DOCTYPE html>



<html lang=en>

    <head>

        <script src=jquery-1.12.2.js></script>

    </head>

    <body>

        <input class=txtOnly id=txtOnly name=txtOnly type=text />

        <script>

            $( document ).ready(function() {

                $( .txtOnly ).keypress(function(e) {

                    var key = e.keyCode;

                    if (key >= 48 && key <= 57) {

                        e.preventDefault();

                    }

                });

            });

        </script>

    </body>

</html>