2016-08-03 7 views
1

enter image description here Ich habe einen "txtPhone" Eingangsfilter, die nicht zwingend erforderlich ist, kann aber nur Telefonnummern akzeptieren, so:Wie kann man Glyphicon-OK NICHT anzeigen, wenn das Feld leer ist?

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

Bootstrap Validierung

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' 
          }, 

         } 
        }, 

Aber wenn ich Taste in gezeigt, klicken einreichen tick Textfeld.

+0

'erforderlich: true'? –

+0

aber es ist nicht obligatorisch. – Wenson

+0

Also, was ist das Problem? Wenn das Feld leer ist, ist es gültig ... –

Antwort

1

Nach langer kämpfen JesusGrace finde ich die Antwort

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') 
       } 
      })