zoukankan      html  css  js  c++  java
  • bootstrap validator html attributes 选项

    常用的html属性:
    data-fv-message="The username is not valid"
    data-fv-notempty="true"
    data-fv-notempty-message="The username is required and cannot be empty"
    data-fv-regexp="true"
    data-fv-regexp-regexp="^[a-zA-Z0-9_.]+$" data-fv-regexp-message="The username can only consist of alphabetical, number, dot and underscore"
    data-fv-stringlength="true"
    data-fv-stringlength-min="6" data-fv-stringlength-max="30"
    data-fv-stringlength-message="The username must be more than 6 and less than 30 characters long"

    如何使用:
    • 页面增加引用

    <link href="Styles/bootstrap.css" rel="stylesheet" />
    <link href="Styles/bootstrapValidator.css" rel="stylesheet" />
    <script src="Scripts/jquery-1.10.2.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="Scripts/bootstrapValidator.js"></script>

    • 按需求增加相应的验证属性

    如:<input type="text" class="form-control" name="firstName" placeholder="First name" data-fv-row=".col-xs-4" data-fv-notempty="true" data-fv-notempty-message="The first name is required and cannot be empty" />

    • 页面加载后执行: $("#Form").bootstrapValidator(options)
      有关options 说明请参考:http://bv.doc.javake.cn/settings/
  • 相关阅读:
    AJAX 三级联动
    AJAX JSON类型返回
    AJAX 汽车详细信息练习
    JQ AJAX
    对话框关联两个Layout时
    删除,拨打电话,发送短信对话框
    自定义对话框,时间日期对话框
    一般对话框,单选复选对话框
    JAVA。String转Int
    加监听器,单选复选按钮
  • 原文地址:https://www.cnblogs.com/sgciviolence/p/5437882.html
Copyright © 2011-2022 走看看