当前位置：主页 > javascript教程 >

Bootstrap表单验证功能代码分享

  • 更新时间：2020-06-03 17:24:41
  • 编辑：秦建元

基于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>

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

相关教程

  • bootstrap动态调用select下拉框的实现方法

    今天小编就为大家分享一篇bootstrap动态调用select下拉框的实例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

    发布时间：2019-12-08

  • 详解bootstrap table双击可编辑、添加、删除行

    这篇文章主要为大家详细介绍了bootstrap table实现双击可编辑、添加、删除行功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

    发布时间：2020-02-19

  • BootStrap Fileinput上传插件实例详解

    这篇文章主要介绍了BootStrap Fileinput上传插件使用实例代码,，通过引入js和css文件，具体实现代码大家参考下本文

    发布时间：2019-11-18

  • 详解bootstrap-Treeview实现级联勾选

    这篇文章主要为大家详细介绍了bootstrap-Treeview实现级联勾选，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

    发布时间：2020-03-12

  • 分享Bootstrap fileinput文件上传预览插件使用方法

    这篇文章主要为大家详细介绍了Bootstrap fileinput文件上传预览插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

    发布时间：2020-02-14

  • Bootstrap可折叠侧边导航菜单实现代码

    这篇文章主要介绍了Bootstrap实现可折叠分组侧边导航菜单的相关资料,需要的朋友可以参考下

    发布时间：2020-04-24

  • Bootstrap与jQuery UI框架设计

    Bootstrap与jQuery UI框架设计

    随着各类移动终端设备的普及 之前针对PC端设计的网站已经无法满足用户的需求 响应式网页设计的概念应运而生。无论用户使用笔记本还是iPad 页面都应该能够自动切换分辨率、图片尺寸及相

    大小：180 MBjQuery电子书

  • 疯狂前端开发讲义：jQuery+AngularJS+Bootstrap前端开发实战

    疯狂前端开发讲义：jQuery+AngularJS+Bootstrap前端开发实战

    大小：131.7 MB前端开发电子书

  • Bootstrap实战从入门到精通

    Bootstrap实战从入门到精通

    本书系统的讲解Bootstrap技术的体系结构、基础知识、组件插件以及各种深度实战应用，适合作为 Bootstrap 入门、Bootstrap 框架、JavaScript 高级程序设计、HTML5移动开发人员的参考书，欢迎下载

    大小：115.1 MBBootstrap电子书

  • 响应式网页设计：Bootstrap开发速成

    响应式网页设计：Bootstrap开发速成

    本书从认识响应式网页设计与Bootstrap开始，详解网站的开发流程、响应式网页的设计思维、SEO设置以及网页设计趋势，导入视觉设计与网页制作两个不同领域的专业知识，并提供120多个Bootstr

    大小：185 MB网页设计电子书

  • BootStrap开发精解：原理、技术、工具及最佳实践

    BootStrap开发精解：原理、技术、工具及最佳实践

    这本书以浅显易懂的方式，帮助大家掌握各种技术诀窍，进而了解Bootstrap的各种复杂细节，详细讲解了Bootstrap中最重要的栅格概念和CSS样式，欢迎下载

    大小：30.1 MBBootStrap电子书

  • 基于Bootstrap和Knockout.js的ASP.NET MVC开发实战

    基于Bootstrap和Knockout.js的ASP.NET MVC开发实战

    通过本书的实践应用，你将可以学习对ASP.NET MVC服务端语言、Bootstrap前端框架和Knockoutjs——Model-View-ViewModel模式的JavaScript实现的组合使用，感兴趣的可以下载了解

    大小：33.5 MBASP.NET电子书

  • 基于BootStrap3的JSP项目实例教程

    基于BootStrap3的JSP项目实例教程

    基于BootStrap3的 JSP项目实例教程是作者多年来教学实践经验的总结，汇集了作者在项目中遇到的各种问题及解决方案。感兴趣的可以下载学习

    大小：136.6 MBBootStrap3电子书

  • Bootstrap实战

    Bootstrap实战

    本书是目前市面上少见的实战类Bootstrap图书，全书通过5个真实、具体、鲜活，又有代表性的项目实例，讲解了Bootstrap的各种特性和用法。5个实例由浅入深，既各自独立，又环环相扣，丰富的代

    大小：23.9 MBBootstrap电子书

  • Bootstrap用户手册：设计响应式网站

    Bootstrap用户手册：设计响应式网站

    Bootstrap是Mark Otto和Jacob Thornton在Twitter公司共同开发的一个网站开发框架，2011年8月发布至今已经成为Github上最受关注的开源项目。从最初CSS驱动的项目到目前内置很多JavaScript插件和图标，并且涵盖表单和按钮元素、支持响应式Web设计

    大小：10.7 MBBootstrap电子书

用户留言

发布评论

最新更新

热门推荐