javascript - How to delete characters in textbox one by one? - Stack Overflow

admin管理员组

文章数量:1279050

I'm getting an input from the user, for example his telephone number like this:

HTML:

   <input id="number_input"  type="text" size="12" maxlength="19" />

JavaScript:

    var i = 0;
    var phone_number = [];
    document.getElementById('number_input').value+=digit;
    phone_number[i]= digit ;
    i = i+1;

And allowing the user to delete the current input like this:

   function delete_num ()
  {
     document.getElementById('number_input').value=' ';
     phone_number.length=0;
     return false;
  }

But in this case i'm deleting all input data, how can i delete the input on by one by activating delete_num function?

Thanks.

I'm getting an input from the user, for example his telephone number like this:

HTML:

   <input id="number_input"  type="text" size="12" maxlength="19" />

JavaScript:

    var i = 0;
    var phone_number = [];
    document.getElementById('number_input').value+=digit;
    phone_number[i]= digit ;
    i = i+1;

And allowing the user to delete the current input like this:

   function delete_num ()
  {
     document.getElementById('number_input').value=' ';
     phone_number.length=0;
     return false;
  }

But in this case i'm deleting all input data, how can i delete the input on by one by activating delete_num function?

Thanks.

• javascript
• html
• cordova

Share Improve this question Follow asked Nov 20, 2012 at 8:07 OlejkaKLOlejkaKL 52111 gold badge1010 silver badges2424 bronze badges 1

• 1 You mean like a [Backspace] button would? remove the last character from the end of the line? – Cerbrus Commented Nov 20, 2012 at 8:09

Add a ment  | 

6 Answers 6

Sorted by: Reset to default 3

This should work just like a [Backspace] button, removing the last character from the number_input field.

function delete_num ()
{
    var field = document.getElementById('number_input');
    field.value = field.value.slice(0, -1); //Extract from index 0 to the before-last character
    phone_number.pop(); //Remove the last element from the phone number. It's length is maintained by js itself.
    return false; //What's this for?
}

function delete_num() {
  var input, num;
  input = document.getElementById('number_input');
  num = input.value;
  input.value = num.slice(0,num.length-1);
  return false;
}

try this:

var input = document.getElementById('number_input');
input.value = input.value.slice(0, -1);

Suppose this is what you need:

function delete_num ()
  {
     var val = document.getElementById('number_input').value;
     val = val.susbtr(0,val.length - 1);
     phone_number.length = val.length;
     document.getElementById('number_input').value = val;
     return false;
  }

Assuming you are recreating backspace functionality...

function delete_num()
{
   var text = document.getElementById('number_input').value;
   document.getElementById('number_input').value = text.substring(0, text.length - 2);
   phone_number.length = 0; //not sure what this is...
   return false;
}

         function RemoveVal(events) {
           var objectControl = $find("<%= txtDescription.ClientID %>");
           var c = objectControl.get_value();
           if (c[0] == "%") {
             var shortenedString = c.substr(c[0],'');
            $find("<%= txtDescription.ClientID %>").set_value(shortenedString.toString());
           }
       }

本文标签： javascriptHow to delete characters in textbox one by oneStack Overflow