0

成功すると、バリデーターは div を緑ではなく黒で表示します。緑色で表示する方法。成功時に has-success クラスを form-group div に追加しません。

ここにHTMLがあります

<form role="form" method="post" class="form-horizontal" id="anyForm"> 
<div class="form-group required">
    <label class="col-sm-4 col-xs-12 control-label">Meeting Days</label>
    <div class="col-sm-6 col-xs-12">
        <div class="row">
            <div class="col-sm-6 col-xs-12">
                <div class="checkbox">
                    <label><input type="checkbox" name="days[]" value="1">Monday</label>
                </div>
                <div class="checkbox">
                    <label><input type="checkbox" name="days[]" value="2">Tuesday</label>
                </div>
                <div class="checkbox">
                    <label><input type="checkbox" name="days[]" value="3">Wednesday</label>
                </div>
                <div class="checkbox">
                    <label><input type="checkbox" name="days[]" value="4">Thursday</label>
                </div>
            </div>
            <div class="col-sm-6 col-xs-12">
                <div class="checkbox">
                    <label><input type="checkbox" name="days[]" value="5">Friday</label>
                </div>
                <div class="checkbox">
                    <label><input type="checkbox" name="days[]" value="6">Saturday</label>
                </div>
                <div class="checkbox">
                    <label><input type="checkbox" name="days[]" value="7">Sunday</label>
                </div>
            </div>
        </div>
    </div>
</div>

検証

 $('#anyForm').formValidation({
     framework: 'bootstrap',
     icon: {
         valid: 'glyphicon glyphicon-ok',
         invalid: 'glyphicon glyphicon-remove',
         validating: 'glyphicon glyphicon-refresh'
     },
     fields: {
         "days[]" : {
             validators: {
                 notEmpty: {
                     message: 'Required field'
                 }
             }
         }
     }
 });

jsfiddle

4

1 に答える 1