Подтверждение основания основы

Question

Я использую продолжение рядом с основанием zurb.

Я пытаюсь определить, следует ли отключить кнопку отправки формы, основанной на действительном статусе полей. Кроме того, я хотел бы, чтобы поля были действительными или другими.

Все работает во время обычных операций, но только до тех пор, пока каждое поле не будет нажато или не изменено. Тогда и только тогда вызываются валидаторы. В связи с этим я не могу определить, действительна ли форма при загрузке страницы.

На загрузке страницы я хотел бы вызвать валидатор, чтобы узнать, являются ли поля действительными. Я использую комбинацию required, pattern и data-abide-validator.

Answer 1

Вы можете попробовать это:

$(document).ready(function() { 
    $("#myForm").trigger("change"); 
}); 

Заменить #myForm с идентификатором формы. Это приведет к изменению формы, которая должна заставить Abide работать.

Источник: Manually triggered Abide validation in Zurb Foundation

Я также нашел эту тему на Github, что переговоры о вводе в error класс на родительский элемент входа: Abide - force displaying of some errors on page load.

Answer 2

На загрузке страницы я хотел бы вызвать валидатор, чтобы узнать, являются ли поля действительными. Я использую комбинацию требуемого, шаблона и проверки достоверности данных.

Это не имеет смысла для меня, обычно эти поля пусты и недействительны, или вы заполняете поля формы?

Если вы просто хотите, чтобы показать «ошибка» состояние, этот ответ уже дан Колин Маршалл (https://github.com/zurb/foundation/issues/4106)