基于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 相关文章推荐
jquery下onpropertychange事件的绑定方法
Aug 01 Javascript
lyhucSelect基于Jquery的Select数据联动插件
Mar 29 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
jQuery ajax dataType值为text json探索分享
Sep 23 Javascript
JavaScript中访问节点对象的方法有哪些如何使用
Sep 24 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
Vue.js原理分析之observer模块详解
Feb 17 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
Feb 21 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
Aug 16 Javascript
js实现窗口全屏示例详解
Sep 17 Javascript
vue使用map代替Aarry数组循环遍历的方法
Apr 30 Javascript
原生JS实现弹幕效果的简单操作指南
Nov 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
深入探究PHP的多进程编程方法
2015/08/18 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
2017/02/15 PHP
Laravel框架验证码类用法实例分析
2019/09/11 PHP
jQuery asp.net 用json格式返回自定义对象
2010/04/07 Javascript
js 父窗口控制子窗口的行为-打开,关闭,重定位,回复
2010/04/20 Javascript
瀑布流布局并自动加载实现代码
2013/03/12 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
js的2种继承方式详解
2014/03/04 Javascript
JS实现文字向下滚动完整实例
2015/02/06 Javascript
js实现文本框选中的方法
2015/05/26 Javascript
js动态生成Html元素实现Post操作(createElement)
2015/09/14 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
JavaScript闭包实例详解
2016/06/03 Javascript
jQuery新窗口打开外链接
2016/07/21 Javascript
如何解决IONIC页面底部被遮住无法向上滚动问题
2016/09/06 Javascript
详解JS几种变量交换方式以及性能分析对比
2016/11/25 Javascript
实现微信小程序的wxml文件和wxss文件在webstrom的支持
2017/06/12 Javascript
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
如何进行微信公众号开发的本地调试的方法
2019/06/16 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
在vue中实现嵌套页面(iframe)
2020/07/30 Javascript
Javascript新手入门之字符串拼接与变量的应用
2020/12/03 Javascript
[05:53]完美世界携手游戏风云打造 卡尔工作室观战系统篇
2013/04/22 DOTA
python算法表示概念扫盲教程
2017/04/13 Python
pandas修改DataFrame列名的方法
2018/04/08 Python
python os.path模块常用方法实例详解
2018/09/16 Python
python使用PIL实现多张图片垂直合并
2019/01/15 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
python 使用raw socket进行TCP SYN扫描实例
2020/05/05 Python
七年级英语教学反思
2014/01/15 职场文书
大学生毕业鉴定
2014/01/31 职场文书
信息专业学生学习的自我评价
2014/02/17 职场文书
机电一体化专业求职信
2014/07/22 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书