jquery only allow input float number

by

You can check for the period in the same statement.

Also, you need to use the val method to get the value of the element.

Also, you want to check for the interval 48 to 57, not 47 to 59, otherwise you will also allow /, : and ;.

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>

More Related Contents:

  1. This doesn’t seem right? Javascript isn’t working
  2. Including a hyphen in a regex character bracket?
  3. Required field validations not working in JQuery Popup MVC 4
  4. Validation of file extension before uploading file
  5. Trying to Validate URL Using JavaScript
  6. Limit number of lines in textarea and Display line count using jQuery
  7. jQuery add required to input fields
  8. How do I remove javascript validation from my eclipse project?
  9. javascript regex for password containing at least 8 characters, 1 number, 1 upper and 1 lowercase [duplicate]
  10. Best JavaScript solution for client-side form validation and interaction? [closed]
  11. Check if date is in the past Javascript
  12. Validate html text input as it’s typed
  13. Trigger standard HTML validation (form) without using submit button? [duplicate]
  14. What is jQuery Unobtrusive Validation?
  15. Max characters in textarea with jquery
  16. Form Validation With Bootstrap (jQuery)
  17. JavaScript validation issue with international characters
  18. How to highlight a part part of an Input text field in HTML using Javascript or JQuery
  19. How do I chain three asynchronous calls using jQuery promises?
  20. Prevent Page Load on Jquery Form Submit with None Display Button
  21. Verify External Script Is Loaded
  22. How to add/subtract dates with JavaScript?
  23. Benefits of loading JS at the bottom as opposed to the top of the document
  24. Parsing URL hash/fragment identifier with JavaScript
  25. keyCode values for numeric keypad?
  26. JS – get image width and height from the base64 code
  27. jQuery – How to select by attribute
  28. Best way to convert string to array of object in javascript?
  29. Bootstrap Carousel : Remove auto slide
  30. How can I calculate the difference between two times that are in 24 hour format?

Leave a Comment