html positive默认值,HTML input for Positive Whole Numbers Only (Type=number)

问题

I can't find the right regex pattern for this, even though there are a lot of questions in this kind.

I dont want the user to be able to type or input

-1.0 (Negative values)

String Values and any character

1.0 (Decimal Values)

No range Limit

I only want to accept positive whole numbers

SOLVED

no need for regex, I did not know this :D

回答1:

To disallow any input but numeric, you may use

^------------....

Enter number only:

Here, the event.charCode == 8 || event.charCode == 0 || event.charCode == 13 condition handles the case when DELETE, BACKSPACE or ENTER keys are pressed (important for Firefox, see Mohit's comment below and datashaman's comment related to enabling the ENTER key).

The event.charCode >= 48 && event.charCode <= 57 means that only 0 (decimal code 48) and all other digits up to 9 (decimal code 57) will be returned.

回答2:

To allow only number values you can use as follows:

回答3:

You can use type, min and oninput

Input with positive numbers only

回答4:

If it comes to HTML5 then you might try min attribute:

回答5:

You can use this regex pattern for whole numbers [0-9]* or \d*

[0-9] is range you can type 0 to 9 and * means not expecting any number or may you type infinite numbers

回答6:

Maybe this jQuery Codepen snipet will be helpful for someone.

It's for type="number" (not "text"):

with [0-9] allowed inputs only. In the input will printed/pasted only numbers [0-9] with an min-max range (optional).

Some explanations: The code displays only numbers at the input stage, and does not reset the value to "" (empty) in case of inputting not valid number values like it does by default for type="number". And you can't use the attribute pattern="/^[0-9]*$/" for an input type="number".

var $inputAbsint = $('.js-input-absint');

if ($inputAbsint.length) {

$(document).on('keypress', '.js-input-absint', function (event) {

var allowed = /^[0-9]|Arrow(Left|Right)|Backspace|Home|End|Delete$/;

return allowed.test(event.key);

}).on('focusout paste', '.js-input-absint', function () {

var $input = $(this);

var defaultValue = this.defaultValue || $input.attr('min');

// Important(!): Timeout for the updated value

setTimeout(function () {

var current = $input.val();

var regexNumbers = new RegExp(/^[0-9]*$/, 'g');

var isNumbersOnly = regexNumbers.test(current);

// Clear wrong value (not numbers)

if ((current === '' || !isNumbersOnly) && defaultValue.length) {

$input.val(defaultValue);

current = defaultValue;

}

// Min/Max

var min = parseInt($input.attr('min'), 10);

var max = parseInt($input.attr('max'), 10);

var currentInt = parseInt(current, 10);

if (!isNaN(min) && !isNaN(currentInt) && currentInt < min) {

$input.val(min);

}

if (!isNaN(max) && !isNaN(currentInt) && currentInt > max) {

$input.val(max);

}

}, 100);

});

}

回答7:

You can't press ' - ' button on keyboard.

$(document).ready(function() {

$value1.on("keyup", function keyCode(event){

var x = event.keyCode;

if (x == 109 || x == 189) {

event.preventDefault();

alert ("You can't enter minus value !");

}

});

});

Keycode of '109' represent numeric side minus button of keyboard. Keycode of '189' represent minus button above of the character buttons.

回答8:

It is best to use following in input field, it will stop you to enter any other character except whole numbers.

Only whole number will be accepted.

οnkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57"

See demo

来源：https://stackoverflow.com/questions/32777184/html-input-for-positive-whole-numbers-only-type-number