Copie o código do código da seguinte forma:
//Coloque na function(){} do onReady
Ext.QuickTips.init(); //Fornece função de informações de prompt para componentes.
Ext.form.Field.prototype.msgTarget='side'; //Método de prompt, o valor de enumeração é:
qtip - exibe uma dica quando o mouse passa sobre o controle;
título-O título exibido no navegador, mas o resultado do teste é igual ao qtip;
subexibe uma mensagem de erro sob o controle;
lateral exibe um ícone de erro no lado direito do controle e exibe um prompt de erro quando o mouse aponta para o valor padrão;
A mensagem de erro id-[element id] é exibida no elemento HTML do id especificado
1. O exemplo mais simples: verificação nula
Copie o código do código da seguinte forma:
//Dois parâmetros para verificação de nulo
permitirBlank:false//false não pode estar vazio, o padrão é verdadeiro
blankText:string//Mensagem de erro quando está vazio
O código js é:
Copie o código do código da seguinte forma:
var form1 = new Ext.form.FormPanel({
largura: 350,
renderTo:"formulário1",
título:"FormPanel",
padrões:{xtype:"textfield",inputType:"senha"},
Unid:[
{fieldLabel:"não pode ficar vazio",
permitirBlank:false, //em branco não é permitido
blankText:"não pode ficar vazio", //mensagem de erro, o padrão é Este campo é obrigatório!
id:"teste em branco",
}
]
});
2. Use o formato vtype para verificação simples.
Neste exemplo de verificação de e-mail, reescreva a configuração dos itens do código acima:
Copie o código do código da seguinte forma:
Unid:[
{fieldLabel:"não pode ficar vazio",
vtype:"email",//verificação do formato do email
vtypeText: "Endereço de e-mail inválido", //mensagem de erro, não entrarei no valor padrão.
id:"teste em branco",
âncora:"90%"
}
Você pode modificar o vtype acima para as seguintes verificações suportadas pelos seguintes vtypes de extjs por padrão:
//O tipo padrão de vtype suportado na validação do formulário
1.alpha //Apenas letras podem ser inseridas, outras (como números, símbolos especiais, etc.) não podem ser inseridas
2.alphanum // Somente letras e números podem ser inseridos, nenhuma outra entrada é possível
3.email // verificação de e-mail, o formato necessário é ""
4.url // verificação do formato url, o formato necessário é http://www.baidu.com
3. Verificação avançada de senha personalizada
As verificações anteriores são todas fornecidas por extjs, e também podemos personalizar a função de verificação.
Copie o código do código da seguinte forma:
//Primeiro use o método Ext.apply para adicionar uma função de verificação de senha personalizada (você também pode dar outro nome)
Ext.apply(Ext.form.VTypes,{
password:function(val,field){//val refere-se ao valor da caixa de texto aqui, campo refere-se a este componente da caixa de texto, todos devem entender esse significado
if(field.confirmTo){//confirmTo é nosso parâmetro de configuração personalizado, geralmente usado para salvar o valor do ID de outro componente
var pwd=Ext.get(field.confirmTo);//Obtém o valor do id de confirmTo
return (val==pwd.getValue());
}
retornar verdadeiro;
}
});
//Configura os parâmetros dos itens
itens:[{fieldLabel:"Senha",
id:"pass1",
},{
fieldLabel:"Confirmar senha",
id:"pass2",
vtype:"password",//Tipo de verificação personalizado
vtypeText: "As duas senhas são inconsistentes!",
confirmTo:"pass1",//O id de outro componente a ser comparado
}
4. Use verificação de expressão regular
Copie o código do código da seguinte forma:
novo Ext.form.TextField({
fieldLabel: "Nome",
nome: "autor_nome",
regex: /[/u4e00-/u9fa5]/, //A expressão regular está entre /...../.
regexText: "Apenas chinês pode ser inserido!", //Mensagem de erro de expressão regular
permitirBlank: false //Esta verificação ainda é válida. Não pode estar vazia.