![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bootstrap
久如云漂泊
凡不能毁灭我的,必使我强大
展开
-
Bootstrap 表单验证formValidation 之远程验证
最近项目用到了一个很强大的表单验证。记录下。官方地址:http://formvalidation.io/api/ 还有一点很重要:这个插件的Bootstrap最好用他们自带的,有点改动。不用再去Bootstrap官网下载。 向上效果: 先导入资源:<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css"/>原创 2016-11-22 17:33:07 · 7137 阅读 · 0 评论 -
nodejs基础教程-简单blog(8)--展示用户注册信息列表
本节课展示用户注册信息列表;当点击导航栏的“用户管理”浏览器跳转路由/admin/user 显示用户列表。 先上效果图;开始 1,在layout.html模板中导航标签中设置路径; 2,新建文件 views/admin/user_index.html,在admin.js中设置user_index的路由为/admin/user;并查询数据库所有用户的信息 返回给前台users;原创 2018-01-04 15:57:58 · 692 阅读 · 1 评论 -
nodejs基础教程-简单blog(7)-博客后台管理
这节课进入后台管理; 将涉及swig模板引擎知识点;下载bootstrap 放在/public目录下; 新建index.html 和layout.html admin/layout.html 中代码;<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2018-01-03 18:33:56 · 725 阅读 · 0 评论 -
Bootstrap表单验证 formValidation 调整反馈图标位置
在某些情况下,反馈图标未正确显示。默认情况下,Bootstrap定义反馈图标位置如下:.has-feedback .form-control-feedback { top: 25px; right: 0;}.form-horizontal .has-feedback .form-control-feedback { top: 0; right: 15px;}通原创 2017-05-17 15:18:45 · 5996 阅读 · 0 评论 -
Bootstrap 表单验证formValidation 之比较两个input值的大小
老规矩先上效果图 A两个input必须满足大于10; B当输入其中一个input时,且满足A条件,如果另一个input为空,这个文本框通过; C最小时长<最大时长;html 片段 <td style="min-width:325px;"> <div class="inp原创 2017-06-02 10:01:04 · 13539 阅读 · 0 评论 -
vue结合bootstrap表单验证 FormValidation 图片验证
效果图: vue组件var setFirmLogoVue=Vue.extend({ template: ` <div style="height:800px;width:80%" class="text-center"> <img :src="picUrl" alt="..." class="img-circle " style="width: 169px;heigh原创 2017-05-19 13:48:42 · 4473 阅读 · 0 评论 -
bootstrap表单验证 FormValidation API
官网http://formvalidation.io/api/用法 使用插件初始化表单后$(form).formValidation(options),有两种方法调用插件方法:// Get plugin instancevar formValidation = $(form).data('formValidation');// and then call methodformValidatio原创 2017-05-17 09:50:07 · 3353 阅读 · 0 评论 -
vue 图片上传 图片展示 bootstrap
效果图 html............<-- key=idPicUrl --> <div class="col-sm-7" > <img :src="queryFirmInfo[key]" alt="" style="max-height:200px;max-width:250px" class="myimage" :name="key" /></div> <form原创 2017-05-16 10:19:52 · 2081 阅读 · 0 评论 -
Bootstrap 表单验证formValidation 之表单动态验证
动态添加input并动态添加新验证方式! 知识点:1 先去官网下载:http://formvalidation.io/2 导入文件,注意事项我就不多说了在远程验证那篇我已经讲过。3 用到的关键字:addField、removeField、different4注意一点就是官网里的例子他们的name是不一样的。我这里比较偷懒。且项目ajax的时候不是用的form表单提交,而是自己并接成json提交,所以x,y原创 2016-11-22 17:18:06 · 14299 阅读 · 3 评论 -
nodejs基础教程-简单blog(9)--分页
效果图: 分析一下这个效果图,结合以前的教程我们知道。导航栏是继承“layout.html” table表格是“user_index.html”,而分页的按钮就是我们本节课的内容。将之封装在‘page.htnl’中;首先 新建文件views/admin/page.htmlnav aria-label="..."> ul class="pager"> l原创 2018-01-05 12:31:18 · 1754 阅读 · 0 评论