Remove Alphabet from textbox onpaste event using JavaScript

destiny idika

Hello everyone please how can I implement Validation with textbook onpaste event Example I copied (My Account Number is 100637887) I want all the texts to get removed onpaste event. Thanks for helping

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
replace all except the number on paste
$("#txtAccount").bind("paste", function(e)
{
var Acc= document.getElementById('txtAccount');
Acc.value = Acc.value.replace(/[^0-9]/g, '');
})
Jignesh Kumar5y ago
Hi,

Please use below code with will help you,
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
"txtAccountNo" type="text" />


$('#txtAccountNo').on('input', function(e) {
  $(this).val(function(i, v) {
    return v.replace(/[^\d]/gi, '');
  });
});
Nikunj Satasiya5y ago
Hi Destiny, As you want to allow only numeric values in your textbox and remove all non-numeric values, you should try this solution.

I Created a sample DEMO for you, I hope it helps you.
>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">script>
<script>
$(function(){
   $( "#textInput" ).bind( 'paste',function()
   {
       setTimeout(function()
       {
          //get the value of the input text
          var data= $( '#textInput' ).val() ;
          //replace the special characters to ''
          var removeSpecialcharacters = data.replace(/[^\w\s]/gi, '');
          //replace the alphabets to ''
          var removeAlphabets  = removeSpecialcharacters.replace(/\D/g,'');
          //set the new value of the input text without special characters
          $( '#textInput' ).val(removeAlphabets);
       });
    });
});
script>
head>
<body>
<input id="textInput" name="textInput">
body>
html>
Thank you.