javascript - AEM 6.1 触摸 UI 对话框 - 手动调用对话框验证事件

Question

我对对话框提交的事件有一些回调，我想找到方法来保证回调后提交对话框(回调后的验证可能会抑制我)。如果我不知道对话框中存在多少小部件，我可以手动预先验证整个对话框(每个小部件)吗？也许有什么东西可以调用此验证？

Answer 1

AEM 通过 jQuery 插件为您提供了一些方法:

$input.willValidate()
$input.checkValidity()
$input.validationMessage()
$input.setCustomValidity(errorMessage)
$input.updateErrorUI()

对于您的特定要求，您可以获取表单中的所有字段，循环遍历它们并检查它们的有效性。使用 jQuery 选择器查找所有表单字段；例如，您的字段元素上可能有一个自定义 CSS 类名称，或者您的表单上可能有一个自定义类名称。

function validateForm() {
    var valid = true;

    /* Select the form fields, will be project specific. */
    var $formFields = $('.dialog-selector .coral-Form-field');

    $formFields.each(function(){
        if (!$(this).checkValidity()) {
            valid = false;

            /* Break out of each loop */
            return false;
        }
    });

    return valid;
}

请参阅有关 AEM Touch UI Validation 的博客文章还有这个AEM Touch UI Validation Library在 GitHub 上获取更多示例。