Для выполнения этой задачи мы будем использовать библиотеку Jquery Validation, чтобы код был чище, компактен и расширяем. Эта технология обслуживает как разработчиков php, так и asp.net, поскольку она работает на стороне клиента, а не на сервере.
Начнем с загрузки плагина //jqueryvalidation.org/, а также самой последней версии JQuery //jquery.com/download/
Между тегами
Плагин jquery.validation работает через методы валидации и правила валидации, которые мы определим.
Метод проверки - это тип данных, например, числовое текстовое поле, а правила проверки позволяют вам связать элемент нашей формы, например, в texbox, с одним или несколькими методами проверки.
Так, например, мы определяем форму и текстовое поле имени и присваиваем ему идентификатор, и требуемый класс обязателен.
Имя
После формы мы помещаем код, который сделает проверку
$ (). ready (function () {
$ ("# formsdatos"). validate ({debug: true});
});
В результате, если мы попытаемся отправить форму, ничего не написав в поле имени, это сообщение будет заполнено по умолчанию на английском языке.
Мы добавим поле электронной почты в форму и к необходимому атрибуту мы назначим адрес электронной почты
по электронной почте
В этом случае мы видим, что он проверил почтовое поле и говорит, что это недействительное письмо.
ПЕРЕВОД СООБЩЕНИЯ ОШИБКИ
Мы видели, что по умолчанию при проверке jquery используется английский язык, мы увидим, как его перевести на испанский. Когда мы загружаем плагин в каталог локализации, он включает в себя файлы js с сообщениями, переведенными на несколько языков, нам просто нужно выбрать тот, который нам нужен, и добавить его в него, поэтому мы добавим
Мы обновляем Интернет, и изменения наблюдаются с ошибками на испанском языке.
Языковой файл - это всегда текст, содержащий функцию jquery, поэтому мы можем открыть его и отредактировать, чтобы персонализировать сообщения.
Если мы хотим, чтобы поле не было проверено, мы не предоставим вам необходимый класс. Этот плагин поддерживает несколько форматов данных, таких как максимальное значение, минимальное значение, дата, цифровые цифры, проверка ссылки. Мы также можем создать правила в виде поля возраста, в котором разрешены только числовые значения от 18 до 99 лет.
$ (). ready (function () {
$ ("# форматов"). validate ({
отладка: правда,
правила: {
возраст: {
требуется: правда,
цифры: правда,
мин: 18,
Макс: 99
}
}
})
})
Этот плагин позволяет нам сэкономить много времени при разработке веб-приложений и избежать ошибок при захвате данных, таких как.
Правила и методы могут создаваться с большей сложностью и даже создавать расширения с помощью таких функций jquery, как перевод или другие необходимые нам функции.
- 0
СТАТЬИ