如何使用输入类型编号中的替换javascript删除点？

Question

How to remove dot using replace javascript in input type number ?

When i tried fill 999. into input. Why it's not remove dot . How can i do ?

 <input name="test" id="iid" onKeyUp="test_fn(this.value)" type="number"> <script> function test_fn(test_value){ var test_value = test_value.replace(/[^0-9]+/g, ""); document.getElementById("iid").value = test_value; } </script> 

Answer 1

Perhaps you want to just not allow dots to be entered in the input field. Here's one way of doing that:

 document.getElementById('iid').addEventListener('keypress', test_fn); function test_fn(e){ if (e.charCode == 46) e.preventDefault(); // not allowed to type . } 

 <input name="test" id="iid" type="number"> 

Answer 2

See this fiddle

I don't know the reason of such a behavior. What I've done to solve such a problem is that, I will clear the contents of the input each time a key is pressed.

I've added the below given line to your Script which will reset the input each time a key is pressed.

    document.getElementById("iid").value = "";

Please see the Snippet below

 function test_fn(test_value){ var test_value = test_value.replace(/[^0-9]+/g, ""); document.getElementById("iid").value = ""; document.getElementById("iid").value = test_value; } 

 <input name="test" id="iid" onKeyUp="test_fn(this.value)" type="number"> 

UPDATE

As @AssafiCohen-Arazi mentioned in his comment, this answer will prove to be incorrect if someone keeps on pressing the . key for so long. Thus, the better solution would be the one that is mentioned in @James answer above.

UPDATE 2

Found out the reason why you were getting in-stable results. It was all because your input type was number. You can just change your input type to text and your code will run perfectly.

See this fiddle

See the snippet below

 function test_fn(test_value){ var test_value = test_value.replace(/[^0-9]/g, ""); document.getElementById("iid").value = test_value; } 

 <input name="test" id="iid" onKeyUp="test_fn(this.value)" type="text"> 

Answer 3

It is working fine for me, try this:

 function test_fn(e){ var charCode = e.which || e.keyCode; if (charCode >= 48 && charCode <= 57 || charCode >= 96 && charCode <= 105) return true; e.preventDefault(); } 

 <input name="test" id="iid" onKeyDown="test_fn(event)" type="number"> 

Answer 4

 <input name="test" id="iid" onKeyUp="test_fn(this.value)" type="text"> <script> function test_fn(test_value){ var test_value = test_value.replace(/[^0-9]+/g, ""); document.getElementById("iid").value = test_value; } </script> 

Answer 5

The type=number in the input field triggers a value sanitization algorithm hence you cannot get the actual value from the input field unless it's a valid floating point number.

You can work around this by using a text type (since you're already checking numeric values with the regulare expression /[^0-9]+/g

 <input name="test" id="iid" onKeyUp="test_fn(this.value)" type="text"> <script> function test_fn(test_value) { var test_value = test_value.replace(/[^0-9]+/g, ""); document.getElementById("iid").value = test_value; } </script> 

See also: How to get the raw value an field?