jQuery在输入任何值后在文本框中删除“ 0”

Question

Here is my Fiddle

Initially the textbox won't have any value.

If any value is entered and it was emptied '0' will be added in it.

But the '0' is not removed after entering any value to it.

How can i remove the '0' if any value is entered it.

Here is my Code :

$('.qty').keyup(function(){
   if($(this).val() == ""){
   $('.qty').val('0');
    }else if($(this).val() > 0){
   $(this).val().replace(0,'');
   }
});

Answer 1

Try This Code:

$('.qty').keyup(function(){
   if($(this).val() == ""){
   $('.qty').val('0');
   }else if($(this).val() > 0){
   console.log($(this).val());
   $(this).val().replace(0,'');
   }
    if($(this).val()!=0){
        var text = $(this).val();
        alert(text.slice(0,1));
        if(text.slice(0,1)==0)
        {
            $(this).val(text.slice(1,text.length));   
        }
      }
});

Working Demo

Answer 2

Instead of $('.qty').val('0');

Add palceholder.

 $('.qty').attr('placeholder','0'); 

Answer 3

If placeholder isn't an option, you could parse value to integer:

$('.qty').keyup(function(){
    var val = parseInt(this.value, 10);
    this.value = val ? val: 0;
});

Answer 4

.replace() returns the modified string, you need to store it back into the value. Try this:

$('.qty').keyup(function () {
    if ($(this).val() == "") {
        $('.qty').val('0');
    } else if ($(this).val() > 0) {
        console.log($(this).val());
        $(this).val(function() {
            return this.value.replace(/^0+/, '');
        });
    }
});

I've also changed the replace() call to use a regular expression, so it only removes zeroes at the beginning of the input. Otherwise, it will change 102 to 12 .

fiddle

Answer 5

You could achieve this using blur and focus instead of keyup :

$('.qty').blur(function() {
    if (this.value == '') this.value = '0';
}).focus(function() {
    if (this.value == '0') this.value = '';
});

JSFiddle example

Answer 6

Try this..

<input type="text" name="test" value="0">


$(document).ready(function(){
    var Input = $('input[name=test]');
    var value= Input.val();

    $(Input).focus(function() {
        if($(this).val() == value)
        {
             $(this).val("");
        }
    }).keyup(function(){
        if($(this).val().length == 0)
        {
            $(this).val(value);
        }
    });
})

Answer 7

Try like this,

$('.qty').keyup(function(){
   if($(this).val() == ""){
   $('.qty').val('');
   }else if($(this).val() > 0){
   console.log($(this).val());
   $(this).val().replace(0,'');
   }
});

Answer 8

Instead of replace 0, replace with whole value using javascript Number function

$('.qty').keyup(function(){
   if($(this).val() == ""){
   $('.qty').val('0');
   }else if($(this).val() > 0){
   console.log($(this).val());
   $(this).val(Number($(this).val()))
   }
});

refer jsFiddle