Проверка, когда вставлены только пробелы - Foundation Abide

Question

Я новичок в Фонде. Я только что получил задание исправить проблемы в форме, созданной с помощью Foundation. И его проверка выполняется с помощью Фонда Абиде. Проблема в том, что в HTML я вижу, что добавлено "требуется", и когда мы добавляем только пробелы в поле ввода, проверка принимает его как обычную строку. Когда поле ввода оставлено пустым, проверка работает нормально, отображается сообщение об ошибке "Это поле обязательно для заполнения".

Я хочу, чтобы проверка вернула ошибку "Это поле обязательно для заполнения", когда пользователь вводит только пробелы в поле ввода. Есть идеи, как это сделать?

<input required type="text" name="first_name" placeholder="First name">

Answer 1

Вы можете просто создать собственный шаблон сопоставления для поля. Найдите в своей базе кода, где вы храните ваши постоянные шаблоны, добавьте что-то вроде

abide : {
  patterns: {
    characters_only: /[A-Za-z]+/, // this will match only letters 
  }
}

затем добавьте шаблон к вашему элементу ввода

<input required type="text" name="first_name" placeholder="First name" pattern='characters_only'>

Возможно, вам придется добавить сообщение об ошибке самостоятельно, как в -

<small class='error'>First name must only contain characters/</small>

Проверьте здесь для более подробной информации -

https://foundation.zurb.com/sites/docs/v/5.5.3/components/abide.html