javascript - 如何将 liferay 验证器与 js 提交一起使用？

Question

我尝试在 Liferay 6.2 上使用带有 javascript 的 Liferay 验证器。

有一个问题是我的按钮必须使用带有按钮 onlick 的提交表单，但是当以这种方式提交时，Liferay 表单验证器没有触发器阻止提交。它只会在我使用按钮类型提交时触发。

这里是我的代码示例:

 <portlet:actionURL name="updateURL" var="submitURL"/>

<aui:form name="fm2" id="fm2" action="<%=submitURL %>" method="post">
    <aui:input name="userName" value='' label="User Name"></aui:input>
    <aui:input name="password" value='' label="Password"></aui:input>

    <aui:button type="button" name="logIn" id="logIn" value="Login" />
</aui:form>
<aui:script>
AUI().use('aui-base','liferay-form','aui-form-validator',function(A){

    A.one("#<portlet:namespace/>logIn").on("click",function(){
        submitForm(document.<portlet:namespace />fm2);
    });

    Liferay.Form.register(
        {
            id: '<portlet:namespace/>fm2',
            fieldRules: [
                            {
                                body: '',
                                custom: false,
                                errorMessage: '',
                                fieldName: '<portlet:namespace/>password',
                                validatorName: 'required'
                            },

                            {
                                body: '',
                                custom: false,
                                errorMessage: '',
                                fieldName: '<portlet:namespace/>userName',
                                validatorName: 'required'
                            }
                ]

        });
    });
</aui:script>

我能做什么？

liferay如何防止事件提交有tag，而js没有？

这是要演示的 AUIFormValidator-portlet。

https://drive.google.com/open?id=0B27gY2oYFX7QTTFFdXc3TnZ4d1k

Answer 1

你可以做一件事，

<aui:form name="fm2" id="fm2" action="javascript:void(0)" method="post">

它将阻止您的提交事件并触发 aui 表单验证。

现在在 onClick 函数中，您可以将提交 url 分配给如下所示的表单操作。

 $("#<portlet:namespace/>logIn").on("click",function(){
    var url = '${submitURL}';
    $('#<portlet:namespace />fm2').attr('action', url);
    $('#<portlet:namespace />fm2').trigger("submit");
 });