The HTML markup for a wijInputNumber widget looks like this.

Drop down to view markup

<input type="text" id="textbox1" />

You can initialize the widget with the following jQuery script. The options set in this script create an input that only allows users to enter numbers (no percentages, no currency). The user cannot input anything lower than -100 or higher than 1,000, and the input always displays to the third decimal place, even when the widget holds no value. It also displays a spinner so that users can increase or decrease the value instead of having to type it in.

Drop down to view script

<script type="text/javascript">
    $(document).ready(function () {
        $("#textbox1").wijinputnumber(
        {
            type: 'numeric',
            minValue: -100,
            maxValue: 1000,
            decimalPlaces: 3,
            showSpinner: true
        });
    });
</script>

The markup and script featured here results in the following live widget. Click the spinner buttons to increment and decrement the numbers.

See Also

Reference