Mega Code Archive

 
Categories / JavaScript DHTML / Ext JS
 

Set min and max length for a field

<html> <head> <title>Hello World Window</title> <link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function() {      Ext.QuickTips.init(); var formPanelItems =[    {       fieldLabel : 'Alpha only',       allowBlank : false,       emptyText  : 'This field is empty!',       maskRe     : /[a-z]/i,       msgTarget : 'under',       minLength     : 3,       maxLength     : 7    } ]; var fp = new Ext.form.FormPanel({    renderTo     : Ext.getBody(),    width        : 400,    title        : 'Title here',    height       : 170,    frame        : true,    bodyStyle    : 'padding: 5px',    monitorValid : true,    monitorPoll  : 50,     labelWidth   : 125,       defaultType  : 'textfield',    defaults     : {       msgTarget : 'side',       anchor    : '-20'    },    items        : formPanelItems, }); }); </script>  <div id='div1'>asdf</div> </body> </html>