В моем расширении Chrome у меня есть форма с полем электронной почты, которое отображает два разных сообщения во время проверки (одна ошибка для пустого поля, другая для неверного формата).
Проблема в том, что при использовании следующего валидатора моя форма отображает обе проблемы. Я хочу прекратить проверку, как только в любом поле возникнет проблема, и отобразится только первое сообщение об ошибке.
fields: {
email: {
identifier: 'email',
rules: [
{
type: 'empty',
prompt: 'Please enter your email address'
},
{
type: 'email',
prompt: 'Please enter a valid email address'
}
]
}
}
В данный момент я работаю над проблемой со следующим хаком css, но я бы предпочел просто закончить проверку, чтобы она не пыталась проверить остальную часть формы.
.ui.form .ui.error.message .list:not(.ui) li:not(:first-child) {
display: none;
}
Как остановить проверку после первого сбоя с Semantic UI ?