DOJO的一个例子
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>58用户注册</title> <link rel="stylesheet" type="text/css" href="dojo/dijit/themes/tundra/tundra.css"/> <link rel="stylesheet" type="text/css" href="dojo/dojo/resources/dojo.css"/> <link rel="stylesheet" type="text/css" href="58.css"/> <script type="text/javascript" src="dojo/dojo/dojo.js" djConfig="parSEOnLoad : true"></script> <script type="text/javascript"> dojo.require("dojo.parser"); dojo.require("dijit.form.TextBox"); dojo.require("dijit.form.ValidationTextBox"); dojo.require("dijit.form.Button"); dojo.require("dijit.layout.TabContainer"); dojo.require("dijit.layout.AccordionContainer");//设置AccordionContainer //dojo.require("dijit.layout.LinkPane"); //这里看是否需要使用LinkPane，不用的话取消这句 dojo.require("dijit.layout.ContentPane"); dojo.require("dijit.Dialog"); dojo.require("dijit.form.FilteringSelect"); // dojo.require("dijit.layout.LayoutContainer"); </script> </head> <body class="tundra"> <div id="header"> <div id="headerinside"> <a> <img id="logo" src="gif/logo.gif"> </a> <div id="cityname"> 上海 </div> <div id="login_text"> <a href="#" >登录</a> </div> </div> <div class="content"> <div id="mainbody"> <dt> 用户名： </dt> <dd> <input type="text" maxlength=25 name="username" id="username" dojoType="dijit.form.ValidationTextBox" trim="true" required="true" invalidMessage="请输入用户名！" style="border:1px solid blue;margin-left:0px"/> </dd> <dt> 密码： </dt> <dd> <input type="password" maxlength=25 name="password" id="password" dojoType="dijit.form.ValidationTextBox" trim="true" required="true" invalidMessage="请输入密码！" style="border:1px solid blue;margin-left:0px"/> </dd> <dt> 确认密码： </dt> <dd> <input type="password" maxlength=25 name="confirmpassword" id="confirmpassword" dojoType="dijit.form.ValidationTextBox" trim="true" required="true" validator="return this.getValue() == dijit.byId('password').getValue()"invalidMessage="请确认两次输入密码一致！" style="border:1px solid blue;margin-left:0px"/> </dd> <dt> 电子邮件： </dt> <dd> <input type="text" maxlength=25 name="email" dojoType="dijit.form.ValidationTextBox" trim="true" style="border:1px solid blue"regExp="[a-z0-9._%+-]+@[a-z0-9-]+/.[a-z]{2,4}" required="true" invalidMessage="请输入正确的email"/> </dd> <dt> 生活圈： </dt> <dd> <select name="foo" style=" width: 100px; border:1px solid blue;"> <option value="1" selected="true">上海</option> <option value="2" >杭州</option> <option value="3">北京</option> </select> <select name="foo2" style="width: 100px; border:1px solid blue;"> <option value="4" selected="true">上海</option> <option value="5" >杭州</option> <option value="6">北京</option> </select> </dd> <dt> 验证码： </dt> <dd> <input type="text" maxlength=25 name="validateNo" id="validateNo" dojoType="dijit.form.TextBox" trim="true" propercase="true" style="border:1px solid blue;margin-left:0px;width:50px"/> </dd> <dt> <button dojoType="dijit.form.Button" style="margin-left:150px">注册</button> </dt> </div> </div> </div> </body> </html> （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |