This recipe describes how to make use of the e-mail form field provided by Sencha Touch and how to validate the value entered into it to find out whether the entered e-mail passes the validation rule or not.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Make sure that you have followed the Getting your form ready with FormPanel recipe in this chapter.
Carry out the following steps:
Copy
ch02_01.js
toch02_03.js
.Open a new file named
ch02_03.js
and replace the definition offormBase
with the following code:var formBase = { items: [{ xtype: 'emailfield', name : 'email', label: 'Email', placeHolder: '[email protected]', useClearIcon: true, listeners: { blur: function(thisTxt, eventObj) { var val = thisTxt.getValue(); //validate using the pattern if (val.search("[a-c]+@[a-z]+[.][a-z]+") == -1) Ext.Msg...