Как можно указать точное количество цифр в поле номера контактной формы 7 WP?

Question

В контактной форме 7 - Wordpress

Как можно указать точное количество цифр в поле номера контактной формы 7 WP?

Точная проверка длины 9-го номера.

Answer 1

Двойной, проверка в HTML и проверка при отправке формы.

HTML

<input name="numbers" type="text" maxlength="9" size="20" pattern="^\d{9}$" placeholder="9 digits only" />

Это ограничивает ввод до 9 символов, позволяет шаблону соответствовать только 9 цифрам, что при неправильном отображении окрашивает область ввода красным, и добавляет текст-заполнитель для предупреждения пользователя.

JavaScript

Например, здесь используется простая кнопка для проверки ввода перед отправкой формы:

const button = document.querySelector('button');
button.addEventListener('click', formHandler, false);

function formHandler(e) {

  // Don't submit the form yet
  e.preventDefault();

  // Grab the form
  const form = document.forms[0];

  // Use the same regex as in the HTML to test the input value
  if (/^\d{9}$/.test(form.numbers.value)) {
    console.log('OK') // form.submit() ?
  } else {
    console.log('Fail')
  }
}

DEMO