Ext.form.VTypes doğrulama yöntemlerine (custom)size özgü özel doğrulama metodu ekleme

Ext.form.VTypes doğrulama yöntemlerine (custom)size özgü özel doğrulama seçenekleri ekleyeceğiz.

Örneğimiz:

js kodu:

// custom Vtype for vtype:'time'
var timeTest = /^([1-9]|1[0-9]):([0-5][0-9])(\s[a|p]m)$/i;
Ext.apply(Ext.form.VTypes, {
    //  vtype validation function
    time: function(val, field) {
        return timeTest.test(val);
    },
    // vtype Text property: The error text to display when the validation function returns false
    timeText: 'Not a valid time.  Must be in the format "12:34 PM".',
    // vtype Mask property: The keystroke filter mask
    timeMask: /[\d\s:amp]/i
});

Başka bir örnek:

// custom Vtype for vtype:'IPAddress'
Ext.apply(Ext.form.VTypes, {
    IPAddress:  function(v) {
        return /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(v);
    },
    IPAddressText: 'Must be a numeric IP address',
    IPAddressMask: /[\d\.]/i
});

Coolite ext kontrolünde kullanımı:

<ext:TextField runat="server" FieldLabel="IP Adresi" Vtype="IPAddress" />

<ext:TextField runat="server" FieldLabel="Ders Saati" Vtype="time"  />

Yukarıdaki js doğrulama metodu eklemelerinden time doğrulaması içinde:

  timeText ile doğrulama sonucunda kullanıcıya hata bilgisi verilir,

  timeMask ile de istemci tarafında kullanıcının klavyeden tuşa basarken kullanılacak regex tanımlanmaktadır.

Kaynak:
http://www.extjs.com/deploy/ext/docs/output/Ext.form.VTypes.html