在 extjs 中扩展电子邮件验证

我在 ExtJs 6.0.1.250 版本中内置了以下用户注册表单。我有一个接受电子邮件字段.co,.com直到四个字。我需要处理最近的事情tlds并想要覆盖电子邮件验证逻辑。我尝试过validator并应用正则表达式但是regexText不支持国际化。如何延长email验证。我使用的是 6.0 版本的 extjs 框架。下面是 UserForm 的代码片段

Ext.define('myApp.view.users.NewUserForm', {
extend: 'Ext.panel.Panel',
xtype: 'newuser',
title: '<span class="red-label">*</span>'+ l10n('new-user'),
items: [{
    xtype: 'textfield',
    fieldLabel: '<span class="red-label">*</span>' + l10n('name'),
    name: 'username',
    maxLength: 80,
    allowBlank: false
}, {
    xtype: 'textfield',
    inputType: 'password',
    fieldLabel: '<span class="red-label">*</span>' + l10n('password'),
    name: 'password1',
    vtype: 'password',
    initialPassField: 'password2',
    allowBlank: false,
    maskRe: /[^ ]/
}, {
    xtype: 'textfield',
    fieldLabel: '<span class="red-label">*</span>' + l10n('confirm-password'),
    vtype: 'password',
    inputType: 'password',
    name: 'password2',
    initialPassField: 'password1',
    allowBlank: false,
    maskRe: /[^ ]/
}, {
    xtype: 'textfield',
    fieldLabel: '<span class="red-label">*</span>' + l10n('e-mail-address'),
    name: 'emailAddress',
    vtype:'email',
    allowBlank: false
}, {
    xtype: 'textarea',
    fieldLabel: l10n('description'),
    name: 'userDescription'
  }]
});

您可以像这样覆盖电子邮件验证 vtype：

Ext.define(null, {
    override: 'Ext.form.field.VTypes',
    email: function (value) {
        return /^(")?(?:[^\."\s])(?:(?:[\.])?(?:[\w\-!#$%&'*+/=?^_`{|}~]))*\1@(\w[\-\w]*\.){1,5}([A-Za-z]){2,10}$/.test(value);
    }
});

我采用了默认的电子邮件正则表达式并进行了更改，使其允许域名包含 2 到 10 个字符。

Edit

如果你使用 Sencha CMD，有一个特殊的overrides您应该放置覆盖的文件夹。所以你可以创建一个名为Vtypes.js，将代码放在那里，然后sencha app refresh你会好起来的。如果不这样做 - 覆盖基本上应该在使用实际 vtype 之前执行。你可能有一个名为applyOverrides在你的Application.js，然后从你的第一件事中调用它launch http://docs.sencha.com/extjs/6.2.0/classic/Ext.app.Application.html#method-launch method.