• 技术文章 >web前端 >js教程

    Bootstrap的表单验证功能使用详解

    php中世界最好的语言php中世界最好的语言2018-04-14 16:29:17原创1304

    这次给大家带来Bootstrap表单验证功能使用详解,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>

    相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    推荐阅读:

    Node的模块系统使用详解

    bootstrap有哪些轮播模板可以使用

    以上就是Bootstrap的表单验证功能使用详解的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Bootstrap 使用 功能
    上一篇:Node的模块系统使用详解 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 聊聊怎么用node写入读取文件内容• 一文聊聊Node多进程模型和项目部署• react 怎么实现按需加载• 聊聊Node中怎么用async函数• Ng DevUI 14.1.0版本已发布,看看有哪些新特性吧!
    1/1

    PHP中文网