基于Bootstrap表单验证功能


Posted in Javascript onNovember 17, 2017

基于Bootstrap表单验证,供大家参考,具体内容如下

GitHub地址:https://github.com/chentangchun/FormValidate

基于Bootstrap表单验证功能

使用方式:

1.CSS样式

.valierror {
 border-color: red !important;
}

.tooltip.right .tooltip-arrow {
 border-right-color: #d15b47;
}

.tooltip-inner {
 background-color: #d15b47;
}
<form id="form">
  <input type="text" class="form-control" name="Phone" data-
  <input type="text" class="form-control" name="Name" data-   
   valiType="required">
</form>

<script>
  var $form = $("#form");
  var isVali = $form.FormValidate();

</script>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
xheditor与validate插件冲突的解决方案
Apr 15 Javascript
JavaScript中逗号运算符介绍及使用示例
Mar 13 Javascript
第九篇Bootstrap导航菜单创建步骤详解
Jun 21 Javascript
javascript iframe跨域详解
Oct 26 Javascript
bootstrap datetimepicker实现秒钟选择下拉框
Jan 05 Javascript
为你的微信小程序体积瘦身详解
May 20 Javascript
详解Vue微信公众号开发踩坑全记录
Aug 21 Javascript
JavaScript 判断对象中是否有某属性的常用方法
Jun 14 Javascript
JS实现全屏预览F11功能的示例代码
Jul 23 Javascript
js 实现ajax发送步骤过程详解
Jul 25 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
Oct 30 Javascript
微信小程序实现点赞业务
Feb 10 Javascript
js 毫秒转天时分秒的实例
Nov 17 #Javascript
Bootstrap table使用方法汇总
Nov 17 #Javascript
Vue.js与 ASP.NET Core 服务端渲染功能整合
Nov 16 #Javascript
使用3D引擎threeJS实现星空粒子移动效果
Sep 13 #Javascript
vue.js项目打包上线的图文教程
Nov 16 #Javascript
Three.js基础学习教程
Nov 16 #Javascript
three.js实现3D视野缩放效果
Nov 16 #Javascript
You might like
win7+apache+php+mysql环境配置操作详解
2013/06/10 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
小程序微信退款功能实现方法详解【基于thinkPHP】
2019/05/05 PHP
图片格式的JavaScript和CSS速查手册
2007/08/20 Javascript
javascript window对象属性整理
2009/10/24 Javascript
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
event.currentTarget与event.target的区别介绍
2012/12/31 Javascript
jQuery实现可拖动的浮动层完整代码
2013/05/27 Javascript
用jquery的方法制作一个简单的导航栏
2014/06/23 Javascript
javascript定义变量时加var与不加var的区别
2014/12/22 Javascript
修改或扩展jQuery原生方法的代码实例
2015/01/13 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
2015/05/25 Javascript
jQuery实现的网页左侧在线客服效果代码
2015/10/23 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
elementUi vue el-radio 监听选中变化的实例代码
2019/06/28 Javascript
[07:26]2015国际邀请赛第二日TOP10集锦
2015/08/06 DOTA
python检查指定文件是否存在的方法
2015/07/06 Python
简单的Apache+FastCGI+Django配置指南
2015/07/22 Python
TensorFlow实现指数衰减学习率的方法
2020/02/05 Python
详解利用python识别图片中的条码(pyzbar)及条码图片矫正和增强
2020/11/17 Python
python 录制系统声音的示例
2020/12/21 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
html5 localStorage本地存储_动力节点Java学院整理
2017/07/06 HTML / CSS
攀岩、滑雪、徒步旅行装备:Black Diamond Equipment
2019/08/16 全球购物
Laura官网:加拿大女性的顶级时尚目的地
2019/09/20 全球购物
英国领先的餐饮折扣俱乐部:Gourmet Society
2020/07/26 全球购物
软件测试面试题
2015/10/21 面试题
数学专业毕业生自荐信
2013/11/10 职场文书
毕业生个人求职信范文分享
2014/01/05 职场文书
法制宣传实施方案
2014/03/13 职场文书
大学课外活动总结
2014/07/09 职场文书
党员群众路线教育实践活动剖析材料
2014/10/10 职场文书
亮剑精神观后感
2015/06/05 职场文书
国际贸易实训总结
2015/08/03 职场文书
详解缓存穿透击穿雪崩解决方案
2021/05/28 Redis