html textbox limitation on decimal input

Question

I have an html text box where I want to limit the numbers after decimal to 4. After an operation it can be achieved using toFixed() but while the user inputs the text is there any way out.

Please guide me.

score 1 · Accepted Answer · answered Nov 04 '11 at 06:56

1

Did you Try a REGEX?

The Regex would look like /^[0-9]+.[0-9]{4}$/ where {4} says that Length after . would be 4

Define REGEX: var regex1=/^[0-9]+.[0-9]{4}$/;var yourtextfromTextBox= textBox.text();yourtextfromTextBox.match(regex1); Try this

answered Nov 04 '11 at 06:56

Akshay Khandelwal

98
6

Thanks Akshay..But this matches minimum four times. – Premanshu Nov 04 '11 at 07:14
Hi Akshay, /^[0-9]+.[0-9]{0,4}$/ Solved the issue... Many thanks to all of you again. – Premanshu Nov 04 '11 at 07:18
if that is the case, you must use `test` instead of `match`. – Akshay Khandelwal Nov 04 '11 at 07:27
Yeah, i m using test only..Thanks again. – Premanshu Nov 04 '11 at 08:38

score 0 · Answer 2 · answered Sep 30 '14 at 05:48

     function decimal_only(e) {

         var charCode = (e.which) ? e.which : window.event.keyCode
         if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)) {
             return false;
         }

         if (charCode == 46) { //Now Check The Decimal only allow 1 decimal
             if (e.value.indexOf('.') > -1) {
                 return false;
             }
         }
         return true;
     }

use this function on textbox event onkeypress.

like

onkeypress="return decimal_only(this)"

this will only allow 1 decimal and integer values to users

score 0 · Answer 3 · answered Nov 04 '11 at 06:51

0

You can use onkeyup="yourFunction" function to do so.

answered Nov 04 '11 at 06:51

Dipen

821
2
8
13

score 0 · Answer 4 · answered Nov 04 '11 at 07:14

Just an idea: jsFiddle live demo

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Round to 4 Decimal Places</title>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#input').keypress(function(){
                try {
                    val = $(this).val().split('.');
                    if(val[1] > 999) return false;
                }catch(e){}
            })
        });
    </script>
</head>
<body>
    <p>Type a decimal number in the TextBox, limited to 4 decimals</p>
    <input id="input" type="text" />
</body>
</html>

Of course, this works only for ., this could be improved by allow only numbers, and check for , too.

score 0 · Answer 5 · edited May 23 '17 at 12:21

0

Here's a sample: http://jsfiddle.net/Regisc/5yber/

This use a regexp to validate the content of the input and make use of this function in order to take carret into account.

Tested under Chrome (dev)

edited May 23 '17 at 12:21

Community

1
1

answered Nov 04 '11 at 07:18

html textbox limitation on decimal input

5 Answers5