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/
上一篇:java基础之反射


下一篇:尝试在条件“$(_DeviceSdkVersion) >= 21”中对计算结果为“”而不是数字的“$(_DeviceSdkVersion)