Проверка ввода в поле ввода в HTML

Question

У меня есть поле ввода, которое может принимать значения от 0 до 100 (допускается поплавок). Есть ли какая-либо функция, которая может преобразовать строковое значение в поле ввода до десятичного, чтобы я мог сравнить его?

Я попытался parseFloat, но если строка = "10Hi", parseFloat будет возвращать 10.

Answer 1

вы можете использовать parseFloat функцию:

parseFloat('12.5') 

для проверки вы можете использовать регулярное выражение:

var isValid = (inputStr.match(/^-?\d*(\.\d+)?$/)); 

if (isValid == null) 
    alert('in valid'); 
else 
    alert('valid'); 

Answer 2

Ну, как насчет isFinite?

isFinite(10)  // true 
isFinite('10.1'); // true 
isFinite('10Hi') // false 

Answer 3

Вы можете использовать ниже условие:

var str = "12.5", number; 

if(isFinite(str) && str.indexOf(".") == -1) 
    number = parseFloat(str); 

Обновлено:

Если вам нужно, чтобы получить точное число только тогда вы можете просто использовать, как показано ниже:

var str = "12.5", number; 

if(isFinite(str)) 
    number = +str; 

Таким образом, он всегда возвращает конечное число, включая fl ценность.

Если str является «0x5f», то оно возвращает значение как 95, так как оно также имеет действительное шестнадцатеричное число check here.

Answer 4

$(".decimal").each(function(){ 
    var v = $(this).val(); 

    //pattern: integer or decimal 
    var valid = /^\d+$/.test(v) || /^\d+\.\d+$/.test(v); 
}); 

https://jsfiddle.net/fwf3eumk/

Answer 5

Чтобы проверить, что вход десятичного поплавок от 0 до 100 включительно, регулярное выражение может использоваться, чтобы исключить строки, как '0x5e' (который является действительным представлением числа в диапазоне от 0 до 100), тогда строка может быть преобразована в число, чтобы проверить значение в пределах разрешенных границ.

например.

function testValue(n) { 
    var re = /^\s*\d*(\d\.?|\.?\d)\d*\s*$/; 
    var num = Number(n) 
    return re.test(n) && n >= 0 && n <= 100; 
} 

['12','12.','.12','12.2','0x5e'].forEach(function(v) { 
    console.log(v + ' : ' + testValue(v)); 
}); 

12 : true 
12. : true 
.12 : true 
12.2 : true 
0x5e : false