码迷,mamicode.com
首页 > 其他好文 > 详细

bootStrap 表单验证(自定义验证样式)

时间:2019-01-08 12:11:41      阅读:965      评论:0      收藏:0      [点我收藏+]

标签:validator   显示   一个   esc   code   ext   多个   官方   inpu   

bootstrapValidator表单验证;

因为bootstrapValidator默认情况是根据form-group样式验证提示,若我们代码中将同行显示

属性放在一个form-group中,就会出现该问题,那么怎么解决呢 ,lz仔细阅读了该插件官网,发现存在group属性,其值默认为“.form-group”,该属性便是官方提供的在多个属性分组情况使用。

 

可以自定义一个样式class 代替“.form-group”

$(‘#form1‘)

         .bootstrapValidator({

             message: ‘This value is not valid‘,

             group:‘.rowGroup,

 

 

每个验证的表单上独自加上此样式;

<div class="col-sm-12 form-group-line">

       <label class="control-label col-sm-4">菜单代码:</label>

       <div class="col-sm-7 rowGroup">

         <input name="resCode" class="form-control" id="resCode" maxlength="30" type="text">

       </div>

       <div class="col-sm-1"> <strong>*</strong> </div>

 </div>

 

bootStrap 表单验证(自定义验证样式)

标签:validator   显示   一个   esc   code   ext   多个   官方   inpu   

原文地址:https://www.cnblogs.com/UncleWang001/p/10237739.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!