在clientValidation.jsp中为AEM表单编写约束方法

<%@include file="/libs/granite/ui/components/coral/foundation/clientlibs/form/clientlibs/clientvalidation.jsp"%>

<script>
    function validateField(value) {
        if (value.length < 5) {
            return "字段值必须至少包含5个字符";
        }
        return "";
    }
</script>

<input type="text" name="fieldName" data-validation="validateField">

<script>
    $(document).ready(function() {
        $(document).adaptTo("foundation-registry").register("foundation.validation.validator", {
            selector: "[data-validation]",
            validate: function(el) {
                var value = el.value;
                var validationMethod = el.getAttribute("data-validation");
                var validationError = window[validationMethod](value);
                return validationError;
            }
        });
    });
</script>