자동 필드 유효성 검사기 liferay 자바 스크립트

Fco Javier Piqueras

사용자 정의 유효성 검사기로 자동 필드를 만들었고 첫 번째 커플에 대해 모든 것을 작동하지만 다른 두 필드를 추가하면 유효성 검사기가 첫 번째 필드를 유효성 검사하는 방식으로 작동합니다.

이것은 내 코드입니다.

    <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>

문제는 항상 첫 번째 입력의 값을 얻고 자체 쌍을 취하고 싶습니다.

감사

푸 라브 솔란 키

여기,

나는 자동 필드에서 나이에 대한 사용자 정의 유효성 검사기로 시도했으며 작동 합니다.

<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>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트의 기본 입력 필드 유효성 검사

분류에서Dev

자바 스크립트 양식 유효성 검사 텍스트 필드 길이

분류에서Dev

자바 스크립트 양식 유효성 검사 텍스트 필드 길이

분류에서Dev

aui 용 유효성 검사기 : Liferay에서 자동 필드로 선택

분류에서Dev

PHP 및 자바 스크립트 입력 필드 유효성 검사

분류에서Dev

여러 필드의 유효성을 검사하는 자바 스크립트

분류에서Dev

텍스트 필드에 값이있을 때 자바 스크립트 체크 박스 유효성 검사

분류에서Dev

필드에 유효성 검사가 필요하지 않으면 자바 스크립트 유효성 검사가 작동하지 않습니다.

분류에서Dev

자바 스크립트에 대한 날짜 유효성 검사 의사 코드

분류에서Dev

유효성 검사에 실패하면 자바 스크립트 코드 종료

분류에서Dev

자바 스크립트를 사용하여 가격 필드 유효성 검사 jquery?

분류에서Dev

자바 스크립트를 사용하여 필드의 키 입력 유효성 검사

분류에서Dev

자바 스크립트 체크 박스 유효성 검사

분류에서Dev

Struts 체크 박스 유효성 검사 자바 스크립트

분류에서Dev

자바 스크립트 입력 유효성 검사-모든 필드가 비어있는 경우 유효성을 검사 할 수 없습니다.

분류에서Dev

자바 스크립트 프롬프트 유효성 검사?

분류에서Dev

JSP에서 자바 스크립트 유효성 검사

분류에서Dev

자바 스크립트 유효성 검사 후 요소 표시

분류에서Dev

자바 스크립트에서 RegExp 날짜 유효성 검사

분류에서Dev

자바 스크립트 및 HTML 양식 유효성 검사

분류에서Dev

자바 스크립트 양식 유효성 검사 (소수점)

분류에서Dev

자바 스크립트 함수 앱 유효성 검사 문제

분류에서Dev

자바 스크립트에서 HTML 유효성 검사

분류에서Dev

자바 스크립트로 입력 유효성 검사

분류에서Dev

자바 스크립트로 입력 유효성 검사

분류에서Dev

자바 스크립트 양식 유효성 검사

분류에서Dev

데이터 입력 자바 스크립트 유효성 검사

분류에서Dev

확인란 유효성 검사 자바 스크립트

분류에서Dev

자바 스크립트로 HTML 양식 유효성 검사

Related 관련 기사

  1. 1

    자바 스크립트의 기본 입력 필드 유효성 검사

  2. 2

    자바 스크립트 양식 유효성 검사 텍스트 필드 길이

  3. 3

    자바 스크립트 양식 유효성 검사 텍스트 필드 길이

  4. 4

    aui 용 유효성 검사기 : Liferay에서 자동 필드로 선택

  5. 5

    PHP 및 자바 스크립트 입력 필드 유효성 검사

  6. 6

    여러 필드의 유효성을 검사하는 자바 스크립트

  7. 7

    텍스트 필드에 값이있을 때 자바 스크립트 체크 박스 유효성 검사

  8. 8

    필드에 유효성 검사가 필요하지 않으면 자바 스크립트 유효성 검사가 작동하지 않습니다.

  9. 9

    자바 스크립트에 대한 날짜 유효성 검사 의사 코드

  10. 10

    유효성 검사에 실패하면 자바 스크립트 코드 종료

  11. 11

    자바 스크립트를 사용하여 가격 필드 유효성 검사 jquery?

  12. 12

    자바 스크립트를 사용하여 필드의 키 입력 유효성 검사

  13. 13

    자바 스크립트 체크 박스 유효성 검사

  14. 14

    Struts 체크 박스 유효성 검사 자바 스크립트

  15. 15

    자바 스크립트 입력 유효성 검사-모든 필드가 비어있는 경우 유효성을 검사 할 수 없습니다.

  16. 16

    자바 스크립트 프롬프트 유효성 검사?

  17. 17

    JSP에서 자바 스크립트 유효성 검사

  18. 18

    자바 스크립트 유효성 검사 후 요소 표시

  19. 19

    자바 스크립트에서 RegExp 날짜 유효성 검사

  20. 20

    자바 스크립트 및 HTML 양식 유효성 검사

  21. 21

    자바 스크립트 양식 유효성 검사 (소수점)

  22. 22

    자바 스크립트 함수 앱 유효성 검사 문제

  23. 23

    자바 스크립트에서 HTML 유효성 검사

  24. 24

    자바 스크립트로 입력 유효성 검사

  25. 25

    자바 스크립트로 입력 유효성 검사

  26. 26

    자바 스크립트 양식 유효성 검사

  27. 27

    데이터 입력 자바 스크립트 유효성 검사

  28. 28

    확인란 유효성 검사 자바 스크립트

  29. 29

    자바 스크립트로 HTML 양식 유효성 검사

뜨겁다태그

보관