extjs验证方法的简单介绍

发布时间：2023-12-08

extjs验证方法的简单介绍

更新：2022-11-08 23:31

本文目录一览：

  1. Extjs VType自带的几种默认验证
  2. 怎样用extjs验证填写用户名是否重复（以被注册过）？
  3. Extjs几种常见的自定义验证方式
  4. Extjs4的表单验证，想在输入框失去焦点时验证是否重复，怎么做？
  5. ExtJS4 如何实现密码验证

Extjs VType自带的几种默认验证

内置默认的：maxLength，minLength，allowBlank（非空），regex(正则表达式) vtype默认的：alpha（只输入字母），alphanum(只能输入字母和数字)，email(Email验证)，url（url验证）

怎样用extjs验证填写用户名是否重复（以被注册过）？

当然是把输入的姓名传给后台，后台来验证。可以返回自定义的字符串判断，或者传布尔值。

Extjs几种常见的自定义验证方式

//貌似只有一个可以直接用是 email //可以自己写 , 这个跟其他的用过的验证方式没什么区别 , 只是在field中加入validator函数 //比如:

var field = Ext.create("Ext.form.field.Text", {
    validator: function(v){
        //这个判断 , 如果验证失败 , 可以返回一个字符串 , 如果验证通过 , 则返回true
        return Ext.isEmpty(v) ? "请填写..." : true;
    }
});

Extjs4的表单验证，想在输入框失去焦点时验证是否重复，怎么做？

  1. 你使用的方法每次输入框字符改变的时候都会验证，有点浪费资源
  2. 使用失去焦点事件，只有当焦点离开输入框的才发送ajax请求
  3. 如果你很菜，请使用validator.
  4. 如果你很牛，请使用blur

ExtJS4 如何实现密码验证

布局 窗口 密码字段 提交 后台验证 跟普通的流程一样

OprtNo = new Ext.form.TextField({
    fieldLabel: '用户名',
    cls: 'user1',
    selectOnFocus: false,
    name: 'OprtNo',
    allowBlank: false,
    blankText: '用户名不能为空！',
    vtype: 'alphanum',
    value: 'Admin'
});
var OprtPWD = new Ext.form.TextField({
    fieldLabel: '密   码',
    inputType: 'password',
    cls: 'passwd1',
    name: 'OprtPWD'
});
var btnSubmit = new Ext.Button({
    text: '登录',
    iconCls: 'btn-submit',
    name: 'BtnLogin',
    handler: function() {
        BtnSubmit();
    }
});
var btnReset = new Ext.Button({
    text: '重置',
    iconCls: 'btn-reset',
    name: 'BtnReset',
    handler: function() {
        BtnReset();
    }
});
var BtnSubmit = function() {
    if (loginForm.getForm().isValid()) {
        loginForm.form.submit({
            waitTile: '提示',
            waitMsg: '正在登录............',
            //timeout: 3000,
            url: 'ver_user.php',
            method: 'post',
            success: function(form, action) {
                var out = action.result.success;
                if (out != "true") {
                    Ext.MessageBox.alert('提示', '' + action.result.msg, function() {
                        document.getElementById('img').src = '/php/toolsfile/captcha.php?date=new Date()';
                    });
                } else {
                    window.location.href = 'index.php';
                }
            }
        });
    } else {
        Ext.Msg.alert('提示', '请输入正确的数据!');
    }
}
var BtnReset = function() {
    loginForm.form.reset();
}
推荐文章