js-numeric

Javascript numeric limit input library

About

Limit value for html input element.

Usage

<script type="text/javascript" src="js-numeric.js"></script>
<input type="text" name="numeric1" id="numeric1" placeholder="numeric (10)" onkeypress="return NumericLimits(this, 10);" />

<script type="text/javascript" src="js-numeric.js"></script>
<input type="text" name="numeric1" id="numeric1" placeholder="numeric (10)" onkeypress="return NumericLimits(this, 10, limit10);" />

Callback

var limit10 = function(sender, global_value, limit_number) {
    alert("Error: number " + global_value + " cant over or less " + limit_number + "!!");
};

V2

<form id="form">
    <label for="numeric ">Numeric</label>
    <input type="text" name="numeric1" id="numeric1" placeholder="numeric (10 ~ 100)" />
    <input type="submit" value="Enter" />
</form>

<script language="javascript">
(function() {
    var limit10 = new JsNumeric({
        target: document.getElementById("numeric1"),
        callback: function(sender, globalValue, limit){
            alert("Error input number. Please try again!");
        },
        limit: {
            max: 100,
            min: 10
        }
    });
})();
</script>

You can view a demo of this here.

Author

* 2013 rchockxm (rchockxm.silver@gmail.com)

Credits

* Myerweb - css stylesheet Link