Joget DX Preview Release Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Skip to end of metadata
Go to start of metadata
Objective:

To enforce keyboard entry so that users can only input numerical values for a text field

Code:

There are several online resources that describe this (e.g. http://stackoverflow.com/questions/995183/how-to-allow-only-numeric-0-9-in-html-inputbox-using-jqueryhttp://snipt.net/GerryEng/jquery-making-textfield-only-accept-numeric-values, etc.).

For example, if your text field ID is "numeric", you can use this sample script:

<script>
$(document).ready(function() {
    $("#numeric").keydown(function(event) {
        // Allow only backspace and delete
        if ( event.keyCode == 46 || event.keyCode == 8 ) {
            // let it happen, don't do anything
        }
        else {
            // Ensure that it is a number and stop the keypress
            if (event.keyCode < 48 || event.keyCode > 57 ) {
                event.preventDefault();
            }
        }
    });
});
</script>
  • No labels