placeholder

有意取而不得，失落而归。无意间有所获，未有喜悦，但珍惜依旧 1.前言 表单校验，相信绝大部分的开发者会遇到过，网上也有很多插件可使用。但当时想着就是简单的校验，没必要引插件，就自己写一个简单的函数。随着校验的需求多样化，函数越来越大。有点轮子的雏形，算是无心插柳吧。现在也该分享出来了，和大家交流交流。函数比较粗糙，如果大家有建议，评论留言吧。 1.关于实现的过程，原理都是参考了《JavaScript设计模式与开发实践》策略模式的一个例子。代码比较简单，大家移步到文末的链接，下载相关的文件，运行调试下就会知道是当中的奥秘了。这里就不做过多的介绍，只展示出可以应付哪些校验场景和使用的方法。 2.虽然我开发项目中会使用这个函数，但今天的文章，主要是出于分享和交流学习，介绍下这种表单校验的方式。目前函数比较粗糙，功能不够强大，待完善，在项目中使用要注意谨慎。 3.文章例子依赖 vue ，只为了方便展示，该函数为原生 js 函数。 2.表单校验的场景 首先，简单列举下表单校验的常用场景 2-1.基础数据校验 关于下面调用的规则：rule，全部封装在这个文件下面的 ruleData 这个变量这里。一看就知道怎么回事了。提供了常用的校验规则，需要的可以扩展。 调用代码 <div id="form-box"> <!--校验单个字段--> <div class="m-from-box"> <p>

Flask-wtf + Flask-bootstrap 简简单单用一条语句就能让 jinja2 渲染出 form：wtf.quick_form(form) 但如果要实现自定义的表单样式，如下图，怎么做呢？ Live Demo: http://tianya.heroku.com/wtf 自定义错误提示： 很简单，修改3个地方就行： forms.py class CommentForm (Form) : name = StringField( '' , validators = [Length( 0 , 64 )], render_kw = { "placeholder" : "Your name" , "style" : "background: url(/static/login-locked-icon.png) no-repeat 15px center;text-indent: 28px" }) email = StringField( '' , description = '* We \' ll never share your email with anyone else.' , validators = \ [DataRequired(), Length( 4 , 64 ), Email( message = u" 邮件格式有误 " )], render_kw = {

一.后台搭建 使用 vue-admin-template 来快速搭建后台管理,它包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 Element是（饿了么团队）基于MVVM框架Vue开源出来的一套前端ui组件。官网： element-ui 1.快速搭建 若用vue官网提供的脚手架需要写跟多代码，比如登录界面、主界面菜单等。可以使用 vue-admin-template ，在此基础上开发，而且github上配有详细的模板说明，这样可以节省开发时间。 下载vue-admin-template(vue 2.0)进行解压 在命令提示符切换到该目录，输入命令安装所有依赖： cnpm install 运行 npm run dev 2.工程结构 目录名称 存储内容 build 构建工程相关脚本 config 配置相关 src 工程源码 static 静态资源 src/api 访问后端API src/utils 工具类 src/views 路由组件 src/router 路由 3.项目初始化 关闭语法规范性检查 修改config/index.js : useEslint = false 国际化设置 修改main.js : import locale from 'element‐ui/lib

1. 最简单的CSS Hack 区分 IE6 、 IE7 、IE8 css .color{ background-color: #CC00FF; /*所有浏览器都会显示为紫色*/ background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/ *background-color: #0066FF; /*IE6、IE7会变为蓝色*/ _background-color: #009933; /*IE6会变为绿色*/ } 上面的样式解释为顺序是 ff、ie8、ie7、ie6显示的结果： 用 FF 浏览， 颜色是紫色 用 IE8 浏览，颜色是红色 用 IE7 浏览，颜色是蓝色 用 IE6 浏览，颜色是绿色 2.IE678支持伪元素 伪元素::after和::before在IE8及以下不支持 兼容IE8可以识别写法 :after 和 :before 兼容IE6/7则需要引入jq插件：jquery.pseudo.js 使用方法： 1、引入jquery 2、引入jquery.pseudo.js 3、添加css，如p{before: "before ";} 代码示例： 3.a标签嵌套img有边框 html代码： IE浏览器： 4.兼容HTML5新标签 第一种方法：使用javascript代码 <!--[if lt IE 9]> <script>