2016-11-01 3 views
0

필자는 Webix를 통해 미리 정의 된 필드와 유효성을 검사해야하는 추가 텍스트 필드를 추가 할 수 있습니다. 다음과 같은양식 : 새로 추가 된 입력에 대한 유효성 검사 규칙을 추가하는 방법은 무엇입니까?

뭔가 : http://webix.com/snippet/73c90f29

function addFormInput(){ 
    $$("form1").addView({ 
    view:"text", 
    label:'Should be a number', 
    name:"text2", 
    value:"some", 
    labelPosition:"top" 
    }, 1); 
}; 


webix.ui({ 
    view:"form", 
    id:"form1", 
    elements: [ 
    { 
     view:"text", 
     label:'Not empty', 
     name:"text1", 
     labelPosition:"top" 
    },  
    {cols:[ 
     { 
     view:"button", type:"iconButton", 
     label:"Add new", icon:"plus", 
     click:function(){ 
      addFormInput(); 
      this.disable() 
     } 
     }  
    ]} 
    ], 
    rules:{ 
    text1:webix.rules.isNotEmpty 
    } 
}); 

는하지만 난 새로운 항목에 대한 유효성 검사 규칙을 추가로 붙어있어. 그렇게하는 방법? 전혀 가능합니까? 미리 감사드립니다! 새로 항목으로에

rules:{ 
     text1:webix.rules.isNotEmpty, 
     //text2 : webix.rules.isNotEmpty  // webix defined validation rule 
     text2 : function(value){    // custom validation rule 
       if (!value) return false; 
       return true; 
     } 
} 

당신은 적용 할 수있는 사용자 정의 또는 webix 유효성 검사 규칙 : 새로운 항목 형태로 추가

+0

새 필드가 추가되면 수신 대기하는 이벤트가 필요한 것처럼 들리고 적절한 코드를 실행하십시오. – colecmc

+0

아마도,하지만'addView()'뒤에 추가 할 수 있기를 바랍니다. 주요 문제는 양식의 규칙을 변경하는 (알지 못하는) 방법입니다. – rannat

답변

1

그러므로 당신은 당신의 형태의 규칙에에 정의를 검증 규칙을 적용 할 수 있습니다 위에 표시된.

+0

감사합니다. 그러나 'text2'가 아직 없으면 양식은 유효하지 않은 것으로 표시됩니다. [테스트] (http://webix.com/snippet/44bb1da6) – rannat