1

Не фильтруются числа по заданному шаблону в pattern (выводятся также трехзначные числа). Хочу вывести только четырехзначные числа. На regex101.com регулярное выражение работает. P.S.: пробовал также рег. выражение "[0-9]{4}", все равно не работает

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="POST">
<input type="number" name="numbers" pattern="^([0-9]{4})?$">
<button type="submit" id="myBtn">Send data</button>
</form>
</body>
</html>
0

1 ответ 1

0

Результат

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>

<style type="text/css">
input:invalid {
    border: 3px solid red;
}
</style>

<form action="POST">

<input type="text" name="numbers" required="required" pattern="\d{4}">

<button type="submit" id="myBtn">Send data</button>
</form>
</body>
</html>

Ещё можно запретить ввод букв:

<input type="text" name="numbers" required="required" pattern="\d{4}"
    oninput="this.value = this.value.replace(/[^0-9]/g, '');">
4
  • в моем случае, у меня другая форма (код был приведен для примера) и action=POST. Но pattern="[0-9]{4}" я уже вставлял и он не работает. 4 ноя 2022 в 6:53
  • Я поправил чуток :) 4 ноя 2022 в 6:55
  • ввел pattern="\d\d\d\d", тоже не работает 4 ноя 2022 в 6:59
  • type=text required="required" 4 ноя 2022 в 7:02

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.