Change input type of textbox

Question

I am using a script for my textbox to make sure the user can enter only numbers instead of text.

Here is my textbox:

<input type="text" value="" id="tb1" name="tb1" onkeypress="return isNumber(event)" />

And here is my javascript:

function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
     return false;
    }
    return true;
}

I want to upgrade my JavaScript. I want that the textbox accepts a input with a dot . (only 1 dot), like 11.5

What do I need to change in my script so it will be accept the dot and limit this to one?

here is the reference.. http://stackoverflow.com/a/5570912/3164682 — Sarath, Jun 15 '16 at 06:21

score 0 · Answer 1 · answered Jun 15 '16 at 06:26

Try this one

<input type="text" id="txtCheck" onkeypress="AllowDecimalNumbersOnly(this, event)" />

 function AllowDecimalNumbersOnly(Id, Evt) {
            Id.value = Id.value.replace(/[^0-9\.]/g, '');
            if ((Evt.which != 46 || Id.value.indexOf('.') != -1) && (Evt.which < 48 || Evt.which > 57)) {
                Evt.preventDefault();
            }
        }

score 0 · Answer 2 · answered Jun 15 '16 at 06:26

JavaScript :

<script>
var isHav=false;
function isNumber(evt) {
   evt = (evt) ? evt : window.event;
   var charCode = (evt.which) ? evt.which : evt.keyCode;
   if(charCode == 46){  
      if(isHav==true){
         return false;
      }else{
         isHav=true;
         return true;
      }
   }

   if (charCode > 31 && (charCode < 48 || charCode > 57)) {
      return false;
   } 
      return true;
   }
</script>

HTML :

<input type="text" value="" id="tb1" name="tb1" onkeypress="return isNumber(event)" />

This will only allows user to input ***.*** to one time. – Aruna Warnasooriya Jun 15 '16 at 06:28 — Aruna Warnasooriya, Jun 15 '16 at 06:28

score 0 · Answer 3 · answered Jun 15 '16 at 06:29

0

alternatively you can use this..

function isNumber(evt) {
  var theEvent = evt || window.event;
  var key = theEvent.keyCode || theEvent.which;
  key = String.fromCharCode( key );
  var regex = /^[0-9.,]+$/;
  if( !regex.test(key) ) {
    theEvent.returnValue = false;
    if(theEvent.preventDefault) theEvent.preventDefault();
  }
}

<input type="text" value="" id="tb1" name="tb1" onkeypress="return isNumber(event)" />

answered Jun 15 '16 at 06:29

Sarath

2,318
1
12
24

You should read question properly. He wants only one dot (.) allowing in textbox – Shaiwal Tripathi Jun 15 '16 at 06:34

score 0 · Answer 4 · answered Jun 15 '16 at 07:04

Follow the below code:

you need to change your function onkeypress event by adding this parameter just like below:

<input type="text" value="" id="tb1" name="tb1" onkeypress="return isNumber(event, this)" />

and change your function as below:

function isNumber(evt, element) {
        var charCode = (evt.which) ? evt.which : event.keyCode
        if ((charCode != 46 || $(element).val().indexOf('.') != -1) &&      // “.” CHECK DOT, AND ONLY ONE.
            (charCode > 31 && (charCode < 48 || charCode > 57)))
        {
            return false;
        }

        return true;
    }

You can check below running code:

function isNumber(evt, element) {
        var charCode = (evt.which) ? evt.which : event.keyCode

        if ((charCode != 46 || $(element).val().indexOf('.') != -1) &&      // “.” CHECK DOT, AND ONLY ONE.
            (charCode > 31 && (charCode < 48 || charCode > 57)))
        {
            return false;
        }

        return true;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" value="" id="tb1" name="tb1" onkeypress="return isNumber(event, this)" />

score -1 · Answer 5 · answered Jun 15 '16 at 06:26

-1

You can use type="number" attribute if it meet with your requirement

<input type="text" value="" id="tb1" name="tb1" onkeypress="return isNumber(event)" type="number" />

Or Use This

function isNumber(evt)
{
   var charCode = (evt.which) ? evt.which : evt.keyCode;
   if (charCode != 46 && charCode > 31 
     && (charCode < 48 || charCode > 57))
      return false;

   return true;
}

answered Jun 15 '16 at 06:26

Sunil kumar

761
5
15

This is an accurate script and allow only decimal or int value. I don't know why have u voted down this answer. – Sunil kumar Jun 15 '16 at 08:41

Change input type of textbox

5 Answers5