При работе с веб-приложениями часто требуется проверка данных перед их обновлением или сохранением. Такую проверку мы называем клиентской системой валидации данных, и предлагаемый здесь фреймворк предоставляет простой способ её реализации.
Связь между простыми HTML стилями или атрибутами и методами валидации осуществляется через специальные названия классов или атрибутов. Валидация происходит при потере фокуса контролем или при нажатии кнопки валидации.
Одностраничный пример: http://longbowenterprise.gitee.io/slidercaptcha/
<link href="./lib/twitter-bootstrap/css/bootstrap.min.css">
Копируйте и вставьте тег <link>
для импорта стилей в секцию <head>
, расположив его перед всеми другими стилями.
<script src="./lib/jquery/jquery.min.js"></script>
<script src="./lib/twitter-bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="./lib/validate/jquery.validate.js"></script>
<script src="./lib/validate/localization/messages_zh.min.js"></script>
<script src="./dist/longbow.validate.js"></script>
Копируйте и вставьте теги <script>
для импорта скриптов в конец секции <body>
.
Пример кода страницы для валидации:```html
Поддерживает CSS стили и HTML атрибуты.
Левая часть — стиль при некорректных данных, правая часть — стиль при корректных данных.
$.validator.addMethod("userName", function (value, element) {
return this.optional(element) || /^[a-zA-Z0-9_@.]*$/.test(value);
}, "Логин не может содержать недопустимые символы");
Добавление своих правил валидации с помощью статического метода $.validator.addMethod
Получение экземпляра компонента валидации для определённого контрола $('#Id').lgbValidator()
Проверка всех компонентов внутри области валидации $('#Id').lgbValid()
Возвращает true
, если все значения корректны, и false
, если есть ошибки
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )