[extJS] 입력값 제어

[extJS] 입력제어

 

입력 자리수 제어

 maxLength : 4,
 minLength : 4,
 enforceMaxLength : true,

 

 

---

 

VType 오버라이드

• 기본적으로 제공하는 vtype으로 부족하다면 구현도 가능

Ext.define('Override.form.field.VTypes', {
    override: 'Ext.form.field.VTypes',

    /**
     * 숫자와 '-'만 입력
     */
    numericDashText: "숫자와 '-'만 입력 가능합니다",
    numericDashRe: /^[0-9\-]+$/,
    numericDash: function (value) {
        return this.numericDashRe.test(value);
    },
    

});

 

 

• 오버라이드 용 VTypes.js 파일 구현
• Override.form.field.VTypes

 

---

 

유효성 검사

• 입력은 가능하지만 유효성 걸리도록 붉은줄 및 메세지 표시

          regex : /^([0-9]{4})$/,
          regexText : '연도형식(YYYY)값만 입력 가능합니다.',