Javascript 仅在语义UI表单验证期间显示第一个问题

在我的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;
}

第一次失败后如何停止验证？