grid validator

<form id="gridForm" class="form-horizontal">
    <div class="form-group">
        <label class="col-xs-3 control-label">GRId</label>
        <div class="col-xs-5">
            <input type="text" class="form-control" name="grid" />
        </div>
    </div>
</form>

<script>
$(document).ready(function() {
    $('#gridForm').formValidation({
        framework: 'bootstrap',
        icon: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            grid: {
                validators: {
                    grid: {
                        message: 'The value is not valid GRId'
                    }
                }
            }
        }
    });
});
</script>

<form id="gridForm" class="form-horizontal"
    data-fv-framework="bootstrap"
    data-fv-icon-valid="glyphicon glyphicon-ok"
    data-fv-icon-invalid="glyphicon glyphicon-remove"
    data-fv-icon-validating="glyphicon glyphicon-refresh">

    <div class="form-group">
        <label class="col-xs-3 control-label">GRid</label>
        <div class="col-xs-5">
            <input type="text" class="form-control" name="grid"
                data-fv-grid="true"
                data-fv-grid-message="The value is not valid GRid" />
        </div>
    </div>
</form>

<script>
$(document).ready(function() {
    $('#gridForm').formValidation();
});
</script>