Input textbox allow only number single dot (.) for price of value for my textbox not allow multiple dot(.)

Question

I need to insert floating value in textbox allow only 0-9 & signal dot(.)

I have tried this code:

<html>
<head>

 <script type="text/javascript" language="javascript"> 

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


</head>
<body>
<input type="text" id="txtChar" onkeypress="return isNumberKey(event)"  name="txtChar" class="CsstxtChar" maxlength="4"/>
</body>
</html>

Possible duplicate of [jquery only allow input float number](https://stackoverflow.com/questions/6421639/jquery-only-allow-input-float-number) — Alive to die - Anant, Jun 20 '19 at 07:07

score 0 · Accepted Answer · answered Jun 20 '19 at 07:11

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <html>
      <body>
        Enter Number:
        <input type="text" name="number" value="" class="float-number">
      </body>
    </html>

Pleased to help @mevizewip – Nirav Sutariya Jun 21 '19 at 11:22 — Nirav Sutariya, Jun 21 '19 at 11:22

score 0 · Answer 2 · edited Jun 21 '19 at 11:46

You can try this code

<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>

<body>

    <input type="text" id="txtChar" name="txtChar" class="CsstxtChar" maxlength="4" />
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script>
        $('.CsstxtChar').keypress(function (event) {
            if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
                event.preventDefault();
            }
        });

    </script>
</body>

</html>

Thanks

score 0 · Answer 3 · answered Jun 20 '19 at 07:23

I would suggest you to use regexp instead:

const pattern = new RegExp('[0-9.]');

$('#txtChar').on('keypress', function(e){
 const res = pattern.test(e.key);
 if(!res) {
  e.preventDefault();
 }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="txtChar" name="txtChar" class="CsstxtChar" maxlength="4"/>

Input textbox allow only number single dot (.) for price of value for my textbox not allow multiple dot(.)

3 Answers3