当前位置:首页 > 编程教程 > javascript技术文章 > 基于Bootstrap表单验证功能

Bootstrap表单验证功能代码分享

  • 发布时间:
  • 作者:码农之家
  • 点击:164

这篇文章主要知识点是关于Bootstrap、表单验证、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

Bootstrap Web设计与开发实战
  • 类型:前端开发大小:114.1 MB格式:PDF作者:杨旺功
立即下载

基于Bootstrap表单验证功能

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

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

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

您可能感兴趣的文章:

  • bootstrap动态调用select下拉框的实现方法
  • 详解bootstrap table双击可编辑、添加、删除行
  • BootStrap Fileinput上传插件实例详解
  • 详解bootstrap-Treeview实现级联勾选
  • 分享Bootstrap fileinput文件上传预览插件使用方法
  • Bootstrap可折叠侧边导航菜单实现代码
  • 相关电子书
    学习笔记

    Copyright 2018-2020 www.xz577.com 码农之家

    投诉 / 推广 / 赞助:QQ:520161757