How to enable onpaste only for alphabetic letters

Question

I have got a task to disable the textbox from pasting.Only the alphabetic characters must be allow to paste. My code is

<b>Name</b>
<input type="text" id="name" onpaste="return false"/>

By giving onpaste="return false" no values are pasted. How can I solve this problem?

$('input').bind('copy paste', function(e) { e.preventDefault(); }); — Okky, Mar 27 '13 at 12:33
This has absolutely nothing to do with the [tag:jquery-validate] plugin. Edited tags. — Sparky, Mar 27 '13 at 14:36

score 7 · Accepted Answer · edited Jan 11 '18 at 07:17

7

Try this code

$(".alphabetOnly").bind('paste', function(e) {
  var self = this;
  setTimeout(function(e) {
    var val = $(self).val();
    if (val != '0') {
      if (val.match(/^[0-9]+$/) != null) {
        $(".alphabetOnly").val("");
      }
      $(this).val(val);
    }
  }, 0);
});

I have updated the code here

edited Jan 11 '18 at 07:17

Bhuwan

16,525
5
34
57

answered Mar 27 '13 at 13:43

Okky

10,338
15
75
122

Rob · Answer 2 · 2013-03-27T14:00:19.283

2

Made some mistakes before, this is working:

$('#name').bind('paste', function(){
    var self = this;
    setTimeout(function() {
        if(!/^[a-zA-Z]+$/.test($(self).val()))
            $(self).val('');
    }, 0);    
});

You have to remove the onpaste="return false" from your html!

A working example can be found here: JS Fiddle

edited Mar 27 '13 at 14:00

answered Mar 27 '13 at 12:34

Rob

4,927
12
49
54

@Nithu Hey man, i made some mistakes. Those are fixed and got it working! – Rob Mar 27 '13 at 14:00

Abhilash Sringar · Answer 3 · 2018-01-12T06:21:42.683

2

This code restrict pasting of other characters apart from numbers in the input field.On pasting a value to an input field, I'm testing the value with the regex, if the condition is true, the value will be set, or else i'm emptying the input value.In my case i had to restrict other characters apart from numbers, you can change the regex based on your requirement

$(".numbersOnly").bind('paste', function(e) {
        var self = this;
        setTimeout(function(e) {
            var val = $(self).val();
            if (val != '0') {
                var regx = new RegExp(/^[0-9]+$/);
                if (!regx.test(val)) {
                    $(".numbersOnly").val("");
                }
                $(this).val(val);
            }
        }, 0);
    });

edited Jan 12 '18 at 06:21

answered Jan 12 '18 at 04:52

Abhilash Sringar

41
5

A self explanatory answer is just awesome. So can you please explain a bit about your answer and how this code works.! – Rahul Sharma Jan 12 '18 at 05:05
This code restrict pasting of other characters apart from numbers in the input field.On pasting a value to an input field,i'm testing the value with the regex,if the condition is true,the value will be set,or else i'm emptying the input value.In my case i had to restrict other characters apart from numbers,you can change the regex based on your requirement – Abhilash Sringar Jan 12 '18 at 06:04

score 0 · Answer 4 · edited May 23 '17 at 11:57

0

Place a call to a function inside of your onpaste value. Then, inside of that function, weed-out the non-alphabetic characters.

See this question for more details.

edited May 23 '17 at 11:57

Community

1
1

answered Mar 27 '13 at 12:34

WEFX

8,298
8
66
102

How would you go about weeding out the non alphabetic characters in the onpaste event. The `paste` event is fired before the input value changed. You would need a Timeout or something else to modify the input's value – Moritz Roessler Mar 27 '13 at 13:45
Correct, a timeout is used in the referenced "this question" link. – WEFX Mar 27 '13 at 19:53

How to enable onpaste only for alphabetic letters

4 Answers4

Linked