jquery input field validation

Question

I'm trying to validate user input data using jquery. Here is the code I use.

$('#ole').keypress(function(event) {
              if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
                event.preventDefault();
              }
            });

The code above allows only integers and a single dot. What I need is to allow only two integers after the dot.

How to achieve that ?

xkeshav · Accepted Answer · 2012-08-01 12:22:22Z

3

TRY with this

HTML

<input id="ole" class="decimal">

jQuery

$(document).on('change blur','.decimal',function() {
      var amt = parseFloat(this.value);
      if(isNaN(amt)) {
        $(this).val('');
      }
      else {
         $(this).val(amt.toFixed(2));
      }
    });

working DEMO

answered Aug 1, 2012 at 12:22

xkeshav

54.2k47 gold badges183 silver badges255 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

AlexMA Over a year ago

Only problem here is user may not expect automatic rounding, which might lead to input errors. In fact, if this is a "money" field, then any digits to the right of the penny are probably accidental. Nevertheless, +1 for the idea.

xkeshav Over a year ago

@AlexMa yes your are right, but rounding after 2 place look fine even in money format. isn't it so?

mojodro Over a year ago

Thanks. Can you advice me how to combine your code with that I provide ?

xkeshav Over a year ago

write this code under <script> tag and add class .alnum on <input> tag. Note: use jquery 1.7

Richard de Wit · Accepted Answer · 2012-08-01 12:32:57Z

1

Use a Regex expression and round the decimals:

$('#ole').on('blur', function()
{
    var val = $(this).val();

    if (val.match(/^\d+\.{0,1}\d+$/)) 
    {
        // Convert to int if needed
        val = parseInt(val);

        val = Math.round(val *100)/100; // Round to 2 decimals
        $(this).val(val);
    }
});

answered Aug 1, 2012 at 12:32

Richard de Wit

7,5007 gold badges47 silver badges59 bronze badges

Collectives™ on Stack Overflow

jquery input field validation

2 Answers 2

HTML

jQuery

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

HTML

jQuery

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related