Как сделать, что бы input.value выводил не строчное, а численное значение?

Question

[AlexWebDev]

HTML код:

<form class="inputs">
	<input type="text" class="text">
	<input type="text" class="text">
	<input type="submit">
</form>

JS код:

var form = document.querySelector("form");
var inputs = document.querySelectorAll("input[type=text]");
var input = document.querySelector("input[type=submit]");
input.onclick = function (e) {
 form.onsubmit = function () {
 	return false;
 }
for (var i = 0; i < inputs.length; i++) {
 if (inputs[i].value == "" || typeof(inputs[i].value) === "number") {
 console.log(inputs[i]); } } }

Здесь я хочу сделать простую проверку в целях тренировки своих начальных знаний и столкнулся с такой проблемой, что второе условие с проверкой инпута на наличие в нем цифр не будет срабатывать, так как инпут всегда выводит строчное значение. Подскажите, с чем это связанно и как это можно исправить. Я попытался преобразовать строку в число, но столкнулся с тем, что при сравнениях "===" и "!==" он просто преобразует все два инпута в число, независимо от того, цифры там стоят или буквы.

Comments

[Александр Баранчугов]

А ты хочешь всегда в поле вводить число?

[AlexWebDev]

Александр Баранчугов, нет, я хочу проверить поле на наличие в нём числа. Если допустим пользователь вводит число и пытается отправить форму, а там нужно было вводить буквы, то я бы вывел ему окошко, например alert(), и сказал ему, что туда вводится строковое значение или что-то в этом роде

[Andrey Suha]

Если в инпуте должно быть число то его нужно делать типом number. Если хочешь превратить строку в число, то попробуй это https://developer.mozilla.org/ru/docs/Web/JavaScri...

Answer 1

[Paul_Smith]

input всегда содержит строки.
Если вам нужно получить именно строку, содержащую число, то можно поступить так:
1) используйте type="number" вместо type="text".
Этого недостаточно, т.к потенциально все равно пользователь может это обойти и вставить текст. Поэтому:
2) Проверяйте строку перед преобразованием в число:
https://developer.mozilla.org/ru/docs/Web/JavaScri...

Answer 2

[Александр Баранчугов]

Для проверки вхождения цифр в значение поля используй регулярные выражения:
/\d/.test( inputs[i].value )
Если вернет true, значит в значении есть цифры

Comments

[Paul_Smith]

1) Человек ищет не вхождения, а возможность преобразовать строку в число. Если и решать это регуляркой, то только проверкой по всей длине - /^\d+$/
2) Некомпилируемые регулярки медленные. В обмен на скорость они дают гибкость. Гибкость тут не нужна, мы просто проверяем возможность преобразования строки.

Answer 3

[PumaStu9]

let oneInput = Number(document.getElementsById("айди инпута").value);