extjs驗證方法的簡單介紹

本文目錄一覽：

• 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();

}