jQuery EasyUI forma plugin - caixa de verificação Validatebox
jQuery EasyUI plug-in Por $ .fn.validatebox.defaults substituir os padrões predefinidos.
box (validatebox) Verifique a fim de validar campos de entrada de formulário e design. Se o usuário inserir um valor inválido, ele vai mudar a cor de fundo, o ícone exibe uma mensagem de aviso e alerta. box (validatebox) pode ser integrado com a forma (forma) Verificar plug-in, para evitar a apresentação de campo inválido.
depender
- tooltip
uso
Criar uma marca de verificação da caixa (validatebox).
<Input id = classe "vv" = "easyui-validatebox"-opções de dados = "necessária: verdade, VALIDTYPE: 'email'">
Criar uma validação usando javascript box (validatebox).
<Id de entrada = "vv">
$ ( "# Vv '). Validatebox ({
requerida: true,
VALIDTYPE: 'email'
});
Verifique a senha e re-introduzir a mesma senha.
// Estender a regra "iguais"
$ .extend ($. Fn.validatebox.defaults.rules, {
é igual a: {
validador: function (value, param) {
valor de retorno == $ (param [0]) val () .;
},
mensagem: "O campo não coincidem."
}
});
<Input id = "pwd" name = "pwd" type = classe "password" = "easyui-validatebox"-opções de dados = "necessária: true">
<Id de entrada = "rpwd" name = "rpwd" type = "password" class = "easyui-validatebox"
required = "necessária" VALIDTYPE = "iguais [ '# pwd']">
As regras de validação
As regras de validação usando os atributos necessários para definir e VALIDTYPE, aqui são as regras que foram implementadas:
- e-mail: e-mail correspondentes regras de expressões regulares.
- url: URL correspondentes regras de expressões regulares.
- length [0100]: Permite de x para y caracteres.
- remoto [ 'http: //.../action.do','paramName']: enviar solicitação ajax para verificar o valor de um retorno bem-sucedido 'true'.
Para personalizar as regras de validação, reescrever $ .fn.validatebox.defaults.rules, para definir uma função de verificação e informações ineficaz. Por exemplo, a definição de um tipo de autenticação minLength:
$ .extend ($. Fn.validatebox.defaults.rules, {
minLength: {
validador: function (value, param) {
voltar value.length> = param [0];
},
mensagem: "Por favor, insira pelo menos {0} caracteres. '
}
});
Agora você pode usar esse tipo de autenticação para definir um minLength Pelo menos cinco caracteres na caixa de entrada:
<class = "Input easyui-validatebox"-opções de dados = "VALIDTYPE: 'minLength [5]» ">
propriedade
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| required | boolean | 定义是否字段应被输入。 | false |
| validType | string,array | 定义字段的验证类型，比如 email、url，等等。可能的值： 1、验证类型字符串，应用单个验证规则。 2、验证类型数组，应用多个验证规则。单个字段上的多个验证规则自版本 1.3.2 起可用。 代码实例： <input class="easyui-validatebox" data-options="required:true,validType:'url'"> <input class="easyui-validatebox" data-options=" required:true, validType:['email','length[0,20]'] "> |
null |
| delay | number | 延迟验证最后的输入值。该属性自版本 1.3.2 起可用。 | 200 |
| missingMessage | string | 当文本框为空时出现的提示文本。 | 该字段是必需的。 |
| invalidMessage | string | 当文本框的内容无效时出现的提示文本。 | null |
| tipPosition | string | 定义当文本框的内容无效时提示消息的位置。可能的值：'left'、'right'。该属性自版本 1.3.2 起可用。 | right |
| deltaX | number | 在 X 方向的提示偏移。该属性自版本 1.3.3 起可用。 | 0 |
| novalidate | boolean | 当设置为 true 时，则禁用验证。该属性自版本 1.3.4 起可用。 | false |
caminho
| 名称 | 参数 | 描述 |
|---|---|---|
| destroy | none | 移除并销毁该组件。 |
| validate | none | 进行验证以判定文本框的内容是否有效。 |
| isValid | none | 调用 validate 方法并且返回验证结果，true 或者 false。 |
| enableValidation | none | 启用验证。该方法自版本 1.3.4 起可用。 |
| disableValidation | none | 禁用验证。该方法自版本 1.3.4 起可用。 |
jQuery EasyUI plug-in