easyui的强大功能
2016-09-10 10:05
253 查看
不管你是前端java开发人员还是后端开发人员,如果你到现在为止还没有听说过easyui,我觉得你算不上一个合格的开发人员,因为easyui真的太强大了,里面定义了好多他自带的功能,话不多说,看看下面最简单的代码,让你初步了解easyui的强大
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>validatebox.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
<link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
</head>
<body>
<div style="margin: 200px;">
</div>
姓名:<input id="nameID"/><p/>
<script type="text/javascript">
$("#nameID").validatebox({
required:true,
validType:['length[1,6]','zhongwen']
});
</script>
<script type="text/javascript">
//自定义规则:zhongwen
$.extend($.fn.validatebox.defaults.rules,{
//zhongwen规则名
zhongwen:{
validator:function(value){
if(/^[\u3220-\uFA29]*$/.test(value)){
return true;
}
},
//如果不符合中文规则,以下就是提示信息
message:'姓名必须为中文'
}
});
</script>
邮箱:<input id="emailID"/><p/>
<script type="text/javascript">
$("#emailID").validatebox({
required:true,
validType:['length[1,30]','email']
});
</script>
密码:<input id="passwordID"/><p/>
<script type="text/javascript">
$("#passwordID").validatebox({
required:true,
validType:['length[6,6]','english']
});
</script>
<script type="text/javascript">
$.extend($.fn.validatebox.defaults.rules,{
english:{
validator:function(value){
if(/^[a-zA-Z]/.test(value)){
return true;
}
},
message:'密码必须为英文'
}
});
</script>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>validatebox.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"></link>
<link rel="stylesheet" href="../themes/icon.css" type="text/css"></link>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/easyui-lang-zh_CN.js"></script>
</head>
<body>
<div style="margin: 200px;">
</div>
姓名:<input id="nameID"/><p/>
<script type="text/javascript">
$("#nameID").validatebox({
required:true,
validType:['length[1,6]','zhongwen']
});
</script>
<script type="text/javascript">
//自定义规则:zhongwen
$.extend($.fn.validatebox.defaults.rules,{
//zhongwen规则名
zhongwen:{
validator:function(value){
if(/^[\u3220-\uFA29]*$/.test(value)){
return true;
}
},
//如果不符合中文规则,以下就是提示信息
message:'姓名必须为中文'
}
});
</script>
邮箱:<input id="emailID"/><p/>
<script type="text/javascript">
$("#emailID").validatebox({
required:true,
validType:['length[1,30]','email']
});
</script>
密码:<input id="passwordID"/><p/>
<script type="text/javascript">
$("#passwordID").validatebox({
required:true,
validType:['length[6,6]','english']
});
</script>
<script type="text/javascript">
$.extend($.fn.validatebox.defaults.rules,{
english:{
validator:function(value){
if(/^[a-zA-Z]/.test(value)){
return true;
}
},
message:'密码必须为英文'
}
});
</script>
</body>
</html>
相关文章推荐
- easyui简单易用功能强大的轻量级WEB前端JavaScript框架
- jquery 功能强大的下拉菜单
- MVC +EasyUI 实现简单查询功能
- SQL Server Management Object(SMO)大大简化数据库工具的开发 几行代码开发功能强大的SQL工具
- 推荐方便好用的Oracle开发工具/客户端工具 - Oracle SQL Handler(国产免费、功能强大、免装客户端、能运行于Windows 7、Linux 及 Mac)
- 银行系统3(功能又强大了哟 增加了些功能(例如改密码)还在优化中。)
- 近期发布功能强大的文件下载(传输)组件
- easyui和thinkphp整合的分页功能
- easyui combobox开启搜索自动完成功能的实例代码
- fiddler几种功能强大的用法
- FreeBSD带有许多简单而功能强大的命令
- 20 个强大图象处理功能的 SVG 工具
- 50个功能强大的jquery插件
- 解密Apache HAWQ ——功能强大的SQL-on-Hadoop引擎 [作者:常雷]
- 全网最详细的如何在谷歌浏览器里正确下载并安装Postman【一款功能强大的网页调试与发送网页HTTP请求的Chrome插件】(图文详解)
- 如何让MyEclipse的代码提示功能和VS一样强大
- (转)DataTable系列01-DataTable.Compute强大的功能
- W7操作系统:强大功能美妙体验
- java的反射技术功能十分强大,整理一些资料!!
- PageAdmin网站管理系统功能的强大与优越。