自动字段验证器liferay javascript

时间:2015-12-02 09:39:57

标签: javascript validation liferay-aui

我已经使用自定义验证程序创建了自动对象,并且它可以为第一对使用所有内容,但是当我添加另外两个字段时,验证程序只会如何验证第一对字段。

这是我的代码:

    <div id="groupwork-fields" >
        <div class="lfr-form-row lfr-form-row-inline">
            <div class="row-fields">
                <aui:input fieldParam='name0' id="name0" cssClass="full-size"
                    name="name0"
                    label='<%=AwardConstants.LABEL_NAME %>'
                    value="">
                    <aui:validator name="custom" errorMessage="fill-name">
                        function (val, fieldNode, ruleValue) {
                            var result = true;
                                var selector = document.getElementById("<portlet:namespace/>select-group").value;
                                if (selector == 1 && val === "") {
                                    result = false;
                                }
                                return result;
                        }
                    </aui:validator>
                </aui:input>
                <aui:input cssClass="full-size"
                    id="email0" fieldParam='email0'
                    name="email0"
                    label='<%=AwardConstants.LABEL_EMAIL %>'
                    value="">
                    <aui:validator name="maxLength">100</aui:validator>
                    <aui:validator name="email"></aui:validator>
                    <aui:validator name="custom" errorMessage="fill-email">
                        function (val, fieldNode, ruleValue) {
                            var result = true;
                            var name = document.getElementById("<portlet:namespace/>name0").value;
                            if (name !== "" && val === "") {
                                    result = false;
                             }
                            return result;
                        }
                    </aui:validator>
                </aui:input>
            </div>
        </div>
    </div>

这是我的剧本:

    <aui:script>
    AUI().use('liferay-auto-fields',function(A) {
        new Liferay.AutoFields({
            contentBox: '#groupwork-fields',
            fieldIndexes: '<portlet:namespace />groupworkIndexes'
        }).render();
    });
    </aui:script>

事情是我总是得到第一个输入的值,我想采取自己的一对。

由于

2 个答案:

答案 0 :(得分:1)

正如我所看到的似乎是一个已知的错误:https://issues.liferay.com/browse/LPS-54188

答案 1 :(得分:0)

下面,

我已尝试在自动字段中使用自定义验证器年龄 It Works

<aui:input name="age" value='' label="Age"></aui:input>


<aui:script use="liferay-auto-fields">
// declares rules
var rules= {};

// override default error messages
var fieldStrings = {};

AUI().use('aui-form-validator',
  function(A) {
  var DEFAULTS_FORM_VALIDATOR = A.config.FormValidator;
    A.mix(
        DEFAULTS_FORM_VALIDATOR.RULES,
        {
        customRuleForAge:function (val, fieldNode, ruleValue) {
            var result = false;
            if (val >=18) {
              result = true;
            }
            return result;
          },
        },
        true
    );
     A.mix(
        DEFAULTS_FORM_VALIDATOR.STRINGS,
        {
          customRuleForAge:"Age Should Be more than 18",
        },
        true
    );

    rules = {
      <portlet:namespace/>age: {
        customRuleForAge: true
      }
    };

    new A.FormValidator(
                  {
                    boundingBox: '#<portlet:namespace/>researchSubjectForm',
                    fieldStrings: fieldStrings,
                    rules: rules,
                    showAllMessages: true
                  }
                );
  }
);


   new Liferay.AutoFields({
    contentBox: '#research-subject-fields',
    fieldIndexes: '<portlet:namespace />rowIndexes',
    on: {
        'clone': function(container){
          // container.guid will be the number for newly generated row.

            rules["<portlet:namespace />age" + container.guid] = {customRuleForAge: true};

            fieldStrings["<portlet:namespace />age"+container.guid] = {customRuleForAge};

          }
        }

   }).render();

 </aui:script>
相关问题