Проверка, когда вставлены только пробелы - Foundation Abide
Я новичок в Foundation. У меня только что появилась задача исправить проблемы в форме, созданной с помощью Foundation. И его проверка выполняется с помощью Foundation Abide. Проблема в том, что в HTML я вижу, что "требуется" добавлено, и когда мы добавляем только пробелы в поле ввода, проверка принимает его как обычную строку. Когда поле ввода остается пустым, проверка работает нормально, отображается сообщение об ошибке «Это поле обязательно».
Я хочу, чтобы проверка возвращала ошибку «Это поле обязательно», когда пользователь вводит только пробелы в поле ввода. Есть идеи, как это делается?
<input required type = "text" name = "first_name" placeholder = "First name">
Ответы 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#custom- named-patterns
Насколько я знаю, это все еще открытое предложение, как показано здесь github.com/zurb/foundation-rails/issues/205 и здесь foundation.zurb.com/forum/posts/…, но есть способы обойти ограничение, как показано здесь stackoverflow.com/questions/24129659/…
Можно ли в abide выдавать несколько сообщений об ошибках для одного входного значения? Например, один для «требуется имя», а другой для «имя должно содержать только символы».