Проверка jQuery для связанных с полями

Question

Я пытаюсь проверить форму, которая имеет следующую структуру:

<form id="myform" action="#" method="post">
    <fieldset>
        <legend>Form 1</legend>
        <label for="field1">Certificate Number</label>
        <input id="field1" type="text" class="myClass1" name="field1" placeholder="field1">
    </fieldset>
    <fieldset>
        <legend>Form 2</legend>
        <label for="field2">Certificate Number</label>
        <input id="field2" type="text" class="myClass2" name="field2" placeholder="field2">
        <br>
        <label for="field3">Redemption Code</label>
        <input id="field3" type="text" class="myClass2" name="field3" placeholder="field3">
    </fieldset>
    <input type="submit" value="Continue">
</form>

Я хочу проверить следующее условие:

(field1 || (field2 && field3))

это довольно просто, но я не уверен, как реализовать это с помощью плагина jQuery Validate.

Answer 1

Там может быть способ использовать require_from_group,

Хотя вы можете использоватьrequiredкак функция, как показано ниже:

$('#myform').validate({
  rules: {
    field1:{
        required:function (){ return !$('#field2').val().length && !$('#field3').val().length; }
      },
    field2:{
        required:function (){ return !$('#field1').val().length }
      },
    field3:{
        required:function (){ return !$('#field1').val().length }
      }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script>

<form id="myform" action="#" method="post">
  <fieldset>
    <legend>Form 1</legend>
    <label for="field1">Certificate Number</label>
    <input id="field1" type="text" class="myClass1" name="field1" placeholder="field1">
  </fieldset>
  <fieldset>
    <legend>Form 2</legend>
    <label for="field2">Certificate Number</label>
    <input id="field2" type="text" class="myClass2" name="field2" placeholder="field2">
    <br>
    <label for="field3">Redemption Code</label>
    <input id="field3" type="text" class="myClass2" name="field3" placeholder="field3">
  </fieldset>
  <input type="submit" value="Continue">
</form>