基于Bootstrap表單驗證功能

更新時間：2017年11月17日 10:23:21 作者：_York

這篇文章主要為大家詳細介紹了基于Bootstrap表單驗證功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下

基于Bootstrap表單驗證，供大家參考，具體內(nèi)容如下

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>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

第一篇初識bootstrap
Bootstrap是twitter的工程師在業(yè)余時間開發(fā)的，是一款目前非常流行的前端框架。本文給大家介紹第一篇初識bootstrap的相關(guān)知識，非常不錯具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06
JS中使用apply方法通過不同數(shù)量的參數(shù)調(diào)用函數(shù)的方法
這篇文章主要介紹了JS中使用apply方法通過不同數(shù)量的參數(shù)調(diào)用函數(shù)的方法的相關(guān)資料,需要的朋友可以參考下
2016-05-05
jsTree樹控件(基于jQuery, 超強悍)[推薦]
jsTree是基于javascript的一個跨瀏覽器樹控件，功能強大，而且是免費的。
2009-09-09
JS實現(xiàn)黑客帝國文字下落效果
看過黑客帝國的朋友或許都對開頭的字幕效果很熟悉，自從影片播放以來，網(wǎng)頁設(shè)計者有不少都在模仿這種文字下落的效果，而且還有文字漸變效果，對我們學(xué)習(xí)研究JS還是挺有幫助的哦，下面跟著小編一起學(xué)習(xí)JS 黑客帝國文字下落效果吧
2015-09-09
微信小程序?qū)崙?zhàn)項目之富文本編輯器實現(xiàn)
富文本在Web開發(fā)上的地位大家可想而知,很多地方都需要用到富文本編輯器,比如開發(fā)類似新聞管理小程序、商品簡介等,下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崙?zhàn)項目之富文本編輯器實現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2022-10-10
簡單談?wù)刯avascript高級特性
看過很多關(guān)于js高級特性介紹的文章，本文是個人感覺最通俗易懂的，這里分享給大家，希望大家能夠喜歡
2019-09-09
javascript實現(xiàn)漢字轉(zhuǎn)拼音代碼分享
這篇文章主要介紹了javascript實現(xiàn)漢字轉(zhuǎn)拼音代碼分享，非常的實用，從項目中分離出來的，這里分享給大家，有需要的小伙伴可以參考下。
2015-04-04
判斷目標是否是window,document,和擁有tagName的Element的代碼
判斷目標是否是window,document,和擁有tagName的Element的代碼，需要的朋友可以參考下。
2010-05-05
JavaScript 的繼承
大家都知道，C#中使用的是傳統(tǒng)的類繼承是很簡單，但在JS中，可就沒這么簡單了，因為它使用的是原型(prototype )繼承，實現(xiàn)起來相對復(fù)雜了一點。
2011-10-10
uni-app中彈窗的使用與自定義彈窗
眾所周知彈窗在我們實際開發(fā)場景中是非常常用的,最近在工作中就遇到了相關(guān)需求,所以下面這篇文章主要給大家介紹了關(guān)于uni-app中彈窗使用與自定義彈窗的相關(guān)資料,需要的朋友可以參考下
2022-04-04