JavaScript DHTML/Ext JS/Email Field
Set field vtype: email
<source lang="html4strict">
<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 JS Library 3.0.0 * Copyright(c) 2006-2009 Ext JS, LLC * licensing@extjs.ru * http://www.extjs.ru/license */
Ext.onReady(function(){
Ext.QuickTips.init(); // turn on validation errors beside the field globally Ext.form.Field.prototype.msgTarget = "side"; var bd = Ext.getBody(); /* * Simple form */ bd.createChild({tag: "h2", html: "Form 1 - Very Simple"});
var simple = new Ext.FormPanel({ labelWidth: 75, // label settings here cascade unless overridden url:"save-form.php", frame:true, title: "Simple Form", bodyStyle:"padding:5px 5px 0", width: 350, defaults: {width: 230}, defaultType: "textfield", items: [{ fieldLabel: "First Name", name: "first", allowBlank:false },{ fieldLabel: "Last Name", name: "last" },{ fieldLabel: "Company", name: "company" }, { fieldLabel: "Email", name: "email", vtype:"email" }, new Ext.form.TimeField({ fieldLabel: "Time", name: "time", minValue: "8:00am", maxValue: "6:00pm" }) ], buttons: [{ text: "Save" },{ text: "Cancel" }] }); simple.render(document.body);
}); </script> </div> </body> </html>
</source>