2016-08-03 12 views
1

enter image description here私は必須ではありません「txtPhone」入力フィルタを持っていますが、電話番号のみを受け入れることができますので、:フィールドが空のままになっている場合、glyphicon-okを表示しない方法は?

<label class="control-label">Phone</label> 
<input type="text" id="txtPhone" class="form-control intonly" maxlength="12" placeholder="Phone" name="Phone"> 

ブートストラップ検証

Phone: { 
         validators: { 
          regexp: { 
           regexp: /^((091|\+91)?|\((091|\+91)?\)|(91)?|\(91\)|0)? ?[7-9][0-9]{9}$/, 
           message: 'The Indian Phone No must contain 10 digits' 
          }, 

         } 
        }, 

しかし、私は、送信ボタンをクリックしたときに示されているダニテキストボックス。 true`を:

+0

'必要を見つけますか? –

+0

ですが、必須ではありません。 – Wenson

+0

それで問題は何ですか?フィールドが空の場合、有効です。 –

答えて

1

は長い苦労JesusGrace後、私は答え

Bootstrap Validation 

    Phone: { 
        enabled: false, 
        validators: { 
         regexp: { 
          regexp: /^((091|\+91)?|\((091|\+91)?\)|(91)?|\(91\)|0)? ?[7-9][0-9]{9}$/, 
          message: 'The Indian Phone No must contain 10 digits' 
         }, 

        } 
       }, 


     .on('keyup', '[name="Phone"]', function() { 
       var isEmpty = $(this).val() == ''; 
       $('#form1') 
         .formValidation('enableFieldValidators', 'Phone', !isEmpty); 
       // Revalidate the field when user start typing in the Phone field 
       if ($(this).val().length == 1) { 
        $('#form1').formValidation('validateField', 'Phone') 
       } 
      }) 
関連する問題