Ext中的表單提示， 有時(shí)候不是那么的盡人意， 于是我們就會(huì)想到重寫它的方法， 于是筆者寫我?guī)讉€(gè)例子試試：
| Ext.form.FormPanel.prototype.submit = function(){ if(!this.form.isValid(true)) this.validateItems(); else return this.form.submit.apply(this.form,arguments) } //## 擴(kuò)展form驗(yàn)證 Ext.form.FormPanel.prototype.validateItems = function() { try { var items = this.items.items; var blanks = ""; var errorFields = []; for(var i = 0; i < items.length; i ++ ) { if( ! items[i].isValid(true)) { if(items[i].blankText.indexOf("This is") == -1) items[i].blankText = items[i].fieldLabel+"不能為空！"; blanks += items[i].blankText + "<br/>"; errorFields.push(items[i]); } } blanks = blanks.substr(0, blanks.length - 5); Ext.Msg.show( { title : '驗(yàn)證信息', icon : Ext.MessageBox.ERROR, buttons : Ext.MessageBox.OK, width : 350, msg : blanks.toString(), fn : function() { for(var i = 0; i < errorFields.length; i ++ ) { errorFields[i].reset(); } errorFields[0].selectText(); errorFields = null; return; } }); } finally { blanks = null; items = null; } }; Ext.form.BasicForm.prototype.validateItems = Ext.form.FormPanel.prototype.validateItems; |
這是一個(gè)表單驗(yàn)證的例子， 再放一個(gè)添加vtype類型的代碼：
| Ext.apply(Ext.form.VTypes,{ password: function(val,field) { if(field.passField) { var pwd=Ext.getCmp(field.passField); return (val==pwd.getValue()); } return true; }, passwordText: '兩次輸入的密碼不一致!' }); |
上面這個(gè)就是驗(yàn)證兩次密碼的輸入是否一致，有時(shí)候看到FormPanel里的allowBlank提示是很不爽， 它只會(huì)提示 “該輸入項(xiàng)為必輸項(xiàng)” 這樣的提示總覺得不舒服， 于是筆者給他改成了這樣“用戶名不能為空！” 等等， 注明到底是哪個(gè)為必填項(xiàng)，重寫Ext的 方法代碼如下：
| Ext.form.TextField.prototype.validateValue = function(value){ if(Ext.isFunction(this.validator)) { var msg=this.validator(value); if(msg!==true) { this.markInvalid(msg); return false; } } if(value.length<1||value===this.emptyText) { if(this.allowBlank) { this.clearInvalid(); return true; } else { if(this.blankText.length == 5) this.markInvalid(this.fieldLabel + this.blankText); else this.markInvalid(this.blankText); return false; } } if(value.length<this.minLength) { this.markInvalid(String.format(this.minLengthText,this.minLength)); return false; } if(value.length>this.maxLength) { this.markInvalid(String.format(this.maxLengthText,this.maxLength)); return false; } if(this.vtype) { var vt=Ext.form.VTypes; if(!vt[this.vtype](value,this)) { this.markInvalid(this.vtypeText||vt[this.vtype+'Text']); return false; } } if(this.regex&&!this.regex.test(value)) { this.markInvalid(this.regexText); return false; } return true; } |
它就會(huì)提示這樣
文章轉(zhuǎn)自：http://www.cnblogs.com/xjlong/
程序員人生，我編程，我富裕，記住wfuyu網(wǎng)，php教程，php學(xué)習(xí)，php手冊，CMS模版制作
聲明：本站大部分內(nèi)容是作者原創(chuàng)，少部分收集于互聯(lián)網(wǎng)供大家一起學(xué)習(xí)，原版權(quán)很多不明，如有侵權(quán)請聯(lián)系本站，謝謝！
粵ICP備14040726號(hào)-1?? 2015-2020 程序員人生 版權(quán)所有
