jQuery Подтвердить плагин для одного поля, но не оба

Question

У меня есть форма, которую я проверяю с помощью плагина jQuery Validate, и я бы хотел, чтобы только одно поле было заполнено, а другое - 0 (ноль). Тем не менее, это должно быть обязательно, чтобы один или другой был заполнен.

Вот моя текущая форма:

Это моя форма HTML:

<div class="row"> 
      <div class="col-md-6"> 
       <div class="form-group"> 
        <label> <span>Amount to Player</span></label> 
        <input name="AmountToHorse" type="text" class="form-control"> 
       </div> 
      </div> 
      <div class="col-md-6"> 
       <div class="form-group"> 
        <label> <span>Amount to Stable</span></label> 
        <input name="AmountToStable" type="text" class="form-control"> 
       </div> 
      </div> 
     </div> 

Это моя проверка:

$('#reloadForm').validate({ 
         rules: { 

          AmountToHorse: { 
           required: true, 
           number: true 
          }, 
          AmountToStable: { 
           required: true, 
           number: true 
          }, 
         } 
        }); 

Любой ключ, как это сделать что?

Answer 1

Чтобы написать специальное правило, необходимо ввести the .addMethod() method, чтобы обеспечить заполнение только одного.

Отрегулировать соответственно ...

$(document).ready(function() { 

    $.validator.addMethod('onlyOne', function(value, element, param) { 
     return this.optional(element) || $('[name="' + param[0] + '"]').is(':blank'); 
    }, "Please fill out only one of these fields"); 

    $('#myform').validate({ 
     rules: { 
      foo: { 
       onlyOne: ["bar"], 
       number: true 
      }, 
      bar: { 
       onlyOne: ["foo"], 
       number: true 
      } 
     } 
    }); 

}); 

Затем используйте blur keyup обработчик для обеспечения сообщения проверки обновить себя на всех полей. Опять же, так как я понятия не имею, есть ли у вас другие поля в этой форме, настройте эти селекторы только для того, что необходимо и нужно.

$('input').on('blur keyup', function() { 
    $('#myform').valid(); // force validation on entire form 
}); 

проверка концепции DEMO: http://jsfiddle.net/e01d5sw7/

---

EDIT:

Согласно комментариям Op, в то время как поля должны быть заполнены в то же время, одно поле или другое required ...

$.validator.addMethod('onlyOne', function(value, element, param) { 
    return ($(element).is(':filled') && $('[name="' + param[0] + '"]').is(':blank')) || 
    (($('[name="' + param[0] + '"]').is(':filled')) && $(element).is(':blank')); 
}, "Please fill out only one of these fields"); 

DEMO # 2: http://jsfiddle.net/Lnxxgs92/