2017-07-26 6 views
0

nghuuphuocのBootstrapValidatorの0.5.2バージョンを使用して、ユーザーが最初の要素ではなく別の要素を選択した場合に検証します。BootstrapValidatorを使用してDropdownListの要素を検証する方法

これは、ドロップダウンhtmlです:

<select class="form-control valid" id="DocumentType" name="DocumentType"> 
<option value="0">Select</option> 
<option value="1">DNI</option> 
<option value="2">CI</option> 
<option value="3">CUIT</option> 
<option value="4">PASAPORTE</option> 
</select> 

ユーザーが

(0 =「選択」または値とは異なるとは異なる)のオプションを選択しなかったときのアイデアは、ブートストラップエラークラスを適用することです

BootstrapValidatorでこれを達成する方法はありますか?何かのように:

$('#msform').bootstrapValidator({ 
    // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later 
    feedbackIcons: { 
     valid: 'glyphicon glyphicon-ok', 
     invalid: 'glyphicon glyphicon-remove', 
     validating: 'glyphicon glyphicon-refresh' 
    }, 
    fields: { 
     DocumentType: { 
      validators: { 
       <validation that check if 1st elemet is selected>: { 
        field: 'DocumentType', 
        message: 'Select an option ', 
       }, 
      } 
     }, 
    } 
}); 

答えて

1
$('#msform').bootstrapValidator({ 
     // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later 
     feedbackIcons: { 
      valid: 'glyphicon glyphicon-ok', 
     invalid: 'glyphicon glyphicon-remove', 
     validating: 'glyphicon glyphicon-refresh' 
    }, 
    fields: { 
     DocumentType: { 
      validators: { 
         notEmpty: { 
          message: 'Select an option !!' 
         } 
        } 
     } 
    } 
}); 
+0

しかし、最初の要素が空ではない、それはそれでテキストと0の値を持っています。 – user3442470

+0

有効な回答としてvalue = ""を考慮しません。最初のオプションを定義することができますを選択します –

関連する問題