基于Bootstrap表单验证功能

 更新时间:2017年11月17日 10:23:21   作者:_York  
这篇文章主要为大家详细介绍了基于Bootstrap表单验证功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

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

使用方式:

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> 

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

相关文章

  • 第一篇初识bootstrap

    第一篇初识bootstrap

    Bootstrap是twitter的工程师在业余时间开发的,是一款目前非常流行的前端框架。本文给大家介绍第一篇初识bootstrap的相关知识,非常不错具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • JS中使用apply方法通过不同数量的参数调用函数的方法

    JS中使用apply方法通过不同数量的参数调用函数的方法

    这篇文章主要介绍了JS中使用apply方法通过不同数量的参数调用函数的方法的相关资料,需要的朋友可以参考下
    2016-05-05
  • jsTree树控件(基于jQuery, 超强悍)[推荐]

    jsTree树控件(基于jQuery, 超强悍)[推荐]

    jsTree是基于javascript的一个跨浏览器树控件,功能强大,而且是免费的。
    2009-09-09
  • JS实现黑客帝国文字下落效果

    JS实现黑客帝国文字下落效果

    看过黑客帝国的朋友或许都对开头的字幕效果很熟悉,自从影片播放以来,网页设计者有不少都在模仿这种文字下落的效果,而且还有文字渐变效果,对我们学习研究JS还是挺有帮助的哦,下面跟着小编一起学习JS 黑客帝国文字下落效果吧
    2015-09-09
  • 微信小程序实战项目之富文本编辑器实现

    微信小程序实战项目之富文本编辑器实现

    富文本在Web开发上的地位大家可想而知,很多地方都需要用到富文本编辑器,比如开发类似新闻管理小程序、商品简介等,下面这篇文章主要给大家介绍了关于微信小程序实战项目之富文本编辑器实现的相关资料,需要的朋友可以参考下
    2022-10-10
  • 简单谈谈javascript高级特性

    简单谈谈javascript高级特性

    看过很多关于js高级特性介绍的文章,本文是个人感觉最通俗易懂的,这里分享给大家,希望大家能够喜欢
    2019-09-09
  • javascript实现汉字转拼音代码分享

    javascript实现汉字转拼音代码分享

    这篇文章主要介绍了javascript实现汉字转拼音代码分享,非常的实用,从项目中分离出来的,这里分享给大家,有需要的小伙伴可以参考下。
    2015-04-04
  • 判断目标是否是window,document,和拥有tagName的Element的代码

    判断目标是否是window,document,和拥有tagName的Element的代码

    判断目标是否是window,document,和拥有tagName的Element的代码,需要的朋友可以参考下。
    2010-05-05
  • JavaScript 的继承

    JavaScript 的继承

    大家都知道,C#中使用的是传统的类继承是很简单,但在JS中,可就没这么简单了,因为它使用的是原型(prototype )继承,实现起来相对复杂了一点。
    2011-10-10
  • uni-app中弹窗的使用与自定义弹窗

    uni-app中弹窗的使用与自定义弹窗

    众所周知弹窗在我们实际开发场景中是非常常用的,最近在工作中就遇到了相关需求,所以下面这篇文章主要给大家介绍了关于uni-app中弹窗使用与自定义弹窗的相关资料,需要的朋友可以参考下
    2022-04-04

最新评论