if как упростить?
if (second == s || second >s && minute == m || minute >m && hour == h || hour >h && numDay == D || numDay>D && monthsArr[month] == M || monthsArr[month] >M && year == Y || year >Y) есть такой if, но первое && видит, а второе && не видит и всё, что после него |
если так:
if (second >= s && minute >= m && hour >= h && numDay >= D && monthsArr[month] >= M && year >= Y) |
Цитата:
|
в type="number"
maxlength - не работает,чем ограничить? |
j0hnik,
с if вроде решил, сравнивал так даты по частям минуты с минут и тд... решил так дату перевожу в милисек с помощью getTime() и уже милисек и милисек сравниваю, вроде работает ) |
j0hnik,
А вот что с number делать? мне надо чтоб в поле inpyt ввел 4 цифры и всё если number на tel заменить работает а как с number реализовать? |
не совсем понимаю что за number.
|
j0hnik,
<input type="tel" maxlength="4" class="input_form" id="number" placeholder="Введите число..." > - этот вариант работает, а если вместо type="tel" будет ==>type="number", то не работает |
Brick,
и в чем проблема пользуйтесь tel или text |
j0hnik,
с number, ни как? |
j0hnik,
просто хотелось бы number использовать |
в number - maxlength="4"- не работает :(
|
Цитата:
Цитата:
Цитата:
первый вариант решения заключается в использовании атрибутов min, max и step.
<form>
<input
type="number"
min="0"
max="9999"
step="1"
placeholder="Введите 4-значное число..."
required
>
</form>
<style>
input[type="number"] {
font-size: 300%;
display: block;
width: 100%;
padding: .1em;
box-sizing: border-box;
border: 0 solid transparent;
border-bottom-width: 2px;
outline: 0;
}
input[type="number"]:focus {
border-color: currentColor;
}
input[type="number"]:invalid {
background-color: #fee;
color: red;
}
input[type="number"]:valid {
background-color: #efe;
color: green;
}
</style>
второй вариант заключается в собственном понимании атрибутов minlength и maxlength. Обратите внимание, что вы можете регулировать количество знаков в натуральном числе(возможно наличие нулей в старшем разряде)
<form>
<input
type="number"
step="1"
minlength="4"
maxlength="4"
placeholder="Введите 4-значное число..."
required
>
</form>
<script>
addEventListener("input", ({ target }) => {
if(!target.matches("input[type='number']")) return;
if(Number.isNaN(target.minLength) || Number.isNaN(target.maxLength)) return;
target.value = target.value.replace(/\D/g, "").slice(0, target.maxLength);
target.setCustomValidity(
target.value.match(
new RegExp(`^\\d{${target.minLength},${target.maxLength}}$`)
) ?
'' : 'Введите 4-значное число'
);
});
</script>
<style>
input[type="number"] {
font-size: 300%;
display: block;
width: 100%;
padding: .1em;
box-sizing: border-box;
border: 0 solid transparent;
border-bottom-width: 2px;
outline: 0;
}
input[type="number"]:focus {
border-color: currentColor;
}
input[type="number"]:invalid {
background-color: #fee;
color: red;
}
input[type="number"]:valid {
background-color: #efe;
color: green;
}
</style>
|
Malleys,
Спасибо |
| Часовой пояс GMT +3, время: 13:13. |