В данном примере посмотрим как задавать проверку, валидацию полей. Создадим форму и на ней 2 поля, в первое можно будет вводить только цифры, во второе только url.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
var formPanel=Ext.create('Ext.form.Panel',{ title: 'myForm', bodyStyle:'padding:10px 10px 0', width: 300, height:150, renderTo: Ext.getBody(), items: [{ xtype: 'textfield', fieldLabel: 'Only Numbers', name: 'alpha', vtype:'alpha' // <<<здесь задаем валидацию }, { xtype: 'textfield', name: 'url', fieldLabel: 'URL', vtype:'url' // <<<здесь задаем валидацию }] }); |
В ExtJS можно встретить валидацию следующих видов
- alpha: только алфавитные символы
- alphnum: алфавитные и цифровые символы
- url: только url
- email: только email
Также возможно создавать свои правила валидации на основе регулярных выражений.