本文目录一览：
- 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:’密nbsp;nbsp;nbsp;码’,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(‘提示’, ‘请输入正确的数据!’);
//Ext.Msg.alert(‘提示’, msg1);
}
}
var BtnReset = function(){
loginForm.form.reset();
}
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/303406.html
微信扫一扫 
支付宝扫一扫 