ExtJS의 양식 검증 메커니즘(Form Validation)
2279 단어 ExtJS
양식 검증을 설명하기 전에 Tips 구성을 먼저 말해야 합니다.
Ext.onReady에 다음 두 줄 코드를 추가합니다.
//
Ext.QuickTips.init();
//
Ext.form.Field.prototype.msgTarget = 'under'; qtip 마우스가 컨트롤 위로 이동할 때 알림 보이기
title 브라우저 제목에 표시
under 컨트롤 밑에 알림 보이기
side는 컨트롤 오른쪽에 오류 아이콘을 표시하고 마우스가 아이콘을 가리킬 때 알림을 표시합니다
id 프롬프트는 지정된 id의 HTML 컴포넌트에 표시됩니다.
각 폼 요소의 알림 방식도 각 항목의 msgTarget 속성을 수정하여 설정할 수 있다
{
xtype : 'textfield',
fieldLabel : ' ' ,
name : 'id' ,
allowBlank : false ,
msgTarget : 'qtip'
}다양한 폼 검증 유형
1, 빈 값 검증
//
allowBlank : false
//
blankText : ' '2, 길이 제한
//
minLength : Number
minLengthText : String
//
maxLength : Number
maxLengthText : String3, vtype 검증
vtype : 'email'
vtypeText : ' '일.
alpha//문자만 입력할 수 있고 다른 문자는 입력할 수 없습니다. (예를 들어 숫자, 특수 기호 등)
이.
alphanum//문자와 숫자만 입력할 수 있고 다른 것은 입력할 수 없습니다.
삼.
email//email 검증, 필요한 형식은 "[email protected]"
사.
url//url 형식 검증, 필요한 형식은http://www.langsin.com
4, 사용자 정의 vtype 인증기
// Ext.apply password
Ext.apply(Ext.form.VTypes,{
password : function(val,field){ //val ，field
if(field.confirmTo){ //confirmTo ， id
var pwd=Ext.get(field.confirmTo); // confirmTo
return (val==pwd.getValue());
}
return true;
}
});
// items
items:[
{
fieldLabel : " ",
id : "pass1",
},{
fieldLabel : " ",
id : "pass2",
vtype : "password",//
vtypeText : " ！",
confirmTo : "pass1",// id
}
]5, 정규 표현식 RegExp 사용
//js /...../ ；[/u4e00-/u9fa5]
regex : /[/u4e00-/u9fa5]/,
regexText : " !", 이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
PHP로 만든 오픈 소스 CMS "Pimcore"설치Pimcore는 Zend Framework와 Ext JS 등으로 만들어진 오픈 소스 CMS입니다. 고기능 너무 코피가 나오게 되기 때문에 주의. 아래에서 공식 데모 사이트에 로그인할 수 있습니다. 해외 사이트 때문인...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
