2014-02-19 29 views
0

我正在使用BootstrapValidator插件來驗證表單,但是我有以下問題。我有一個「手機」字段和一個「手機」字段,如果用戶沒有輸入任何一個,我想發起一個自定義信息(你需要通知一個電話號碼),如果他通知任何(手機或手機)驗證會得到滿足。使用BootstrapValidator進行條件驗證

疑問是:在BootstrapValidator中可以使用條件嗎?

回答

1

這似乎是工作了很多來自this post:

$('form').validate({ 
    rules: { 
     Phone: { 
      required: true 
     }, 
     Mobile: { 
      required: true 
     } 
    }, 
    highlight: function(element) { 
     $(element).closest('.form-group').addClass('has-error'); 
    }, 
    unhighlight: function(element) { 
     $(element).closest('.form-group').removeClass('has-error'); 
    }, 
    errorElement: 'span', 
    errorClass: 'help-block', 
    errorPlacement: function(error, element) { 
     if(element.parent('.input-group').length) { 
      error.insertAfter(element.parent()); 
     } else { 
      error.insertAfter(element); 
     } 
    } 
}); 

衍生人民和HTML:

<form> 
    <div class="form-group"> 
     <label class="control-label" for="Phone">Phone:</label> 
     <div class="input-group"> 
      <input class="form-control" name="Phone" type="text" /> 
     </div> 
    </div> 

    <div class="form-group"> 
     <label class="control-label" for="Mobile">Mobile:</label> 
     <div class="input-group"> 
      <input class="form-control" name="Mobile" type="text" /> 
     </div> 
    </div> 

     <button type="submit" class="btn btn-primary">Submit</button> 
</form>