如何在输入值中找到数字并使用jQuery隐藏数字

Question

i have input like this:

<input type="submit" name="starts" value=" 1154 Update "  class="btn-success">

i need a find any numbers in Value and hide this numbers like this:

<input type="submit" name="starts" value=" Update "  class="btn-success"> 

thanks for your help....

Answer 1

i need a find any numbers in Value and hide this numbers

You can use setAttribute

var button = document.querySelector('input[type="submit"][name="starts"]');
var value = button.getAttribute( "value" );
button.setAttribute( "value", value.replace(/\d+/g, "") ); //use trim if required

Demo

 var button = document.querySelector('input[type="submit"][name="starts"]'); var value = button.getAttribute("value"); button.setAttribute("value", value.replace(/\\d+/g, "")); //use trim if required 

 <input type="submit" name="starts" value=" 1154 Update " class="btn-success"> 

Answer 2

You can do something like this to replace the numbers.
I have applied both Keyup and Change events.

 $("#inputRegex").change(function() { $(this).val($(this).val().replace(/\\d+/g, '')) }); $("#inputRegex").keyup(function() { $(this).val($(this).val().replace(/\\d+/g, '')) }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="inputRegex" /> 

Answer 3

if you want to hide those numbers on click on submit button:

$(":submit").click(function() {
  string value =  $(this).val().toString();
  value = $.trim(value.replace(/\d+/g, ""));
  $(this).val(value);

});

if you want to hide on load:

$( document ).ready(function() {
$(":submit").each(function() {
      string value =  $(this).val().toString();
      value = $.trim(value.replace(/\d+/g, ""));
      $(this).val(value);

        });
})

this will remove all the numbers in values of all input type submit. here is fiddle

Answer 4

HTML Part :

<input type="submit" name="starts" value=" 1154 Update " class="btn-success">
<input type="submit" name="starts" value=" 1155 Update " class="btn-success">
<input type="submit" name="starts" value=" 1156 Update " class="btn-success">

And jQuery Part :

$('input[type="submit"]').val($('input[type="submit"]').val().replace(/\d+/g, "").trim()); 

This fiddle might help you.

If you want to hide it. You can set any data attribute to the submit button

<input type="submit" name="starts" data-id ="1154" value="Update " class="btn-success">