bootstrap-input-spinner

A Bootstrap 4 / jQuery plugin to create input spinner elements for number input.

Source code and documentation

Examples

Simple Integer

<input type="number" value="500" min="0" max="1000" step="10"/>

Floating Point

<input type="number" value="4.5" data-decimals="2" min="0" max="9" step="0.1"/>

Classes 'is-invalid' and 'is-valid'; properties 'required' and 'placeholder'

To enable server-side validation, the classes 'is-invalid' and 'is-valid' of the original input are copied to the created input element. Also 'required' and 'placeholder' are copied.

<input class="is-invalid" placeholder="a number please" required type="number" value="" min="-100" max="100"/>

Script

<script>
    $("input[type='number']").InputSpinner();
</script>