See Extension only
Source Code
<!--PhoneField ux Start-->
<script type="text/javascript" 	src="http://developerextensions.com/components/com_extensiondemo/views/extensiondemo/tmpl/ext3/ux/phoneField/jquery.min.js"></script>
<script type="text/javascript" 	src="http://developerextensions.com/components/com_extensiondemo/views/extensiondemo/tmpl/ext3/ux/phoneField/jquery.maskedinput-1.2.2.min.js"></script>
<script type="text/javascript" 	src="http://developerextensions.com/components/com_extensiondemo/views/extensiondemo/tmpl/ext3/ux/phoneField/phoneField.js"></script>
<!--PhoneField ux End-->
<script type="text/javascript">
Ext.onReady(function(){	
	var frm = new  Ext.form.FormPanel({
		layout:'form',
		title:'Phone Field Demo',
		renderTo:'demoPhoneField',
		items:[{
			padding:'10px',
			border:false,
			layout:'form',
			items:{
				name:'phone',
				/*numberFormat:'(999) 999-9999',*/
				fieldLabel:'Phone',
				xtype:'phonefield'
			}
		}]
	});
});
</script>
<h1 class="extensionHeading">Ext Form PhoneField Example</h1>
<p>This example shows how to Build Phone Field using Ext.ux.form.PhoneField, or xtype:phonefield.</p>
<br />
<div id="demoPhoneField"></div>

	
Ext.onReady(function(){	
	var frm = new  Ext.form.FormPanel({
		layout:'form',
		title:'Phone Field Demo',
		renderTo:'demoPhoneField',
		items:[{
			padding:'10px',
			border:false,
			layout:'form',
			items:{
				name:'phone',
				/*numberFormat:'(999) 999-9999',*/
				fieldLabel:'Phone',
				xtype:'phonefield'
			}
		}]
	});
});