Скопируйте код кода следующим образом:
//Помещаем его в функцию(){} onReady
Ext.QuickTips.init(); //Предоставляем функцию подсказки для компонентов. Основная подсказка формы — это сообщение об ошибке проверки клиента.
Ext.form.Field.prototype.msgTarget='side'; //Метод запроса, значение перечисления:
qtip — отображает подсказку при наведении курсора мыши на элемент управления;
title — заголовок, отображаемый в браузере, но результат теста такой же, как у qtip;
под-отображает сообщение об ошибке под управлением;
сторона отображает значок ошибки в правой части элемента управления и отображает сообщение об ошибке, когда указатель мыши указывает на значение по умолчанию;
Сообщение об ошибке id-[element id] отображается в элементе HTML с указанным идентификатором.
1. Самый простой пример: нулевая проверка
Скопируйте код кода следующим образом:
//Два параметра для проверки нуля
allowBlank:false//false не может быть пустым, по умолчанию — true
BlankText:string//Сообщение об ошибке, если оно пусто
js-код:
Скопируйте код кода следующим образом:
вар form1 = новый Ext.form.FormPanel({
ширина:350,
renderTo:"form1",
title:"FormPanel",
по умолчанию: {xtype: «текстовое поле», inputType: «пароль»},
предметы:[
{fieldLabel:"не может быть пустым",
allowBlank:false, //пробел не разрешен
BlankText:"не может быть пустым", //сообщение об ошибке, по умолчанию это поле обязательно!
идентификатор:"пустой тест",
}
]
});
2. Используйте формат vtype для простой проверки.
В этом примере проверки электронной почты перепишите конфигурацию элементов приведенного выше кода:
Скопируйте код кода следующим образом:
предметы:[
{fieldLabel:"не может быть пустым",
vtype:"email",//проверка формата электронной почты
vtypeText: «Недействительный адрес электронной почты», //сообщение об ошибке, я не буду использовать значение по умолчанию.
идентификатор:"пустой тест",
якорь:"90%"
}
Вы можете изменить приведенный выше vtype для следующих проверок, поддерживаемых следующими vtypes extjs по умолчанию:
//Поддерживаемый по умолчанию тип vtype при проверке формы
1.alpha //Можно вводить только буквы, другие (например, цифры, специальные символы и т. д.) вводить нельзя
2.alphanum//Можно вводить только буквы и цифры, другой ввод не допускается.
3.email//подтверждение электронной почты, требуемый формат: ""
4.url//проверка формата URL, требуемый формат: http://www.baidu.com
3. Расширенная проверка пользовательского пароля.
Все предыдущие проверки предоставляются extjs, и мы также можем настроить функции проверки.
Скопируйте код кода следующим образом:
//Сначала используйте метод Ext.apply, чтобы добавить собственную функцию проверки пароля (вы также можете дать ей другое имя)
Ext.apply(Ext.form.VTypes,{
пароль:функция(val,field){//val здесь относится к значению текстового поля, поле относится к этому компоненту текстового поля, каждый должен понимать это значение
if(field.confirmTo){//confirmTo — наш пользовательский параметр конфигурации, обычно используемый для сохранения значения идентификатора другого компонента.
var pwd=Ext.get(field.confirmTo);//Получаем значение идентификатора submitTo
return (val==pwd.getValue());
}
вернуть истину;
}
});
//Настраиваем параметры элементов
items:[{fieldLabel:"Пароль",
идентификатор:"pass1",
},{
fieldLabel:"Подтвердите пароль",
идентификатор:"pass2",
vtype:"пароль",//Индивидуальный тип проверки
vtypeText: "Два пароля несовместимы!",
submitTo:"pass1",//Идентификатор другого компонента для сравнения
}
4. Используйте проверку регулярных выражений
Скопируйте код кода следующим образом:
новый Ext.form.TextField({
fieldLabel : "Имя",
имя: "author_nam",
regex: /[/u4e00-/u9fa5]/, //Регулярное выражение находится между /...../. [/u4e00-/u9fa5]: можно вводить только китайский язык.
regexText: "Можно вводить только китайский язык!", //Сообщение об ошибке регулярного выражения
allowBlank: false //Эта проверка все еще действительна. Она не может быть пустой.