0

送信ボタンが押されたときにフォームを検証する次の構成があります。

 $('#myForm').formValidation({
    framework: 'bootstrap',
    excluded: [':disabled'],
    icon: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        title: {
            validators: {
                notEmpty: {
                    message: 'Title is required (max 128 characters)'
                }
            }
        },
        rating: {
            validators: {
                notEmpty: {
                    message: // Call function here? check for 0
                }
            }
        }            
    }
});

評価フィールドはスライダーで、ユーザーは 0 ～ 5 の値を選択できます

ここに画像の説明を入力

デフォルトでは0なので、送信を押すと有効であると検証されるため、値が0の場合は値をチェックし、それ以外の場合はtrueを返すカスタム関数を作成する必要があります。

html は次のとおりです。

 <input id="Rating" name="rating" data-slider-id='ex1Slider' type="text" data-slider-min="0" data-slider-max="5" data-slider-step="1" data-slider-value="" /> <span id="rate" style="margin-left:5%">0 / 5</span>

レンダリング時に HTML がどのように表示され、bootstrap-slider.js が参照されるか

<input id="Rating" type="text" data-slider-value="" data-slider-step="1" data-slider-max="5" data-slider-min="0" data-slider-id="ex1Slider" name="rating" data-fv-field="rating" style="display: none;" data="value: '0'" value="0">
4

1 に答える 1

0

greaterThanバリデーターを試してみませんか。

rating: {
    validators: {
        greaterThan: {
            value: 0
        }
    }
}
于 2015-06-20T12:20:32.397 に答える