jQuery проверить два поля из одного или другого раздела

Question

Я провел некоторое исследование по вышеизложенному и обнаружил, что могу использовать errorPlacement и некоторые команды, чтобы выполнить часть своей работы.

Однако;у меня есть следующее:

вариант 1 - два поля вариант 2 - два поля

В зависимости от того, нужен ли пользователю вариант 1 или 2, ему необходимо ввести оба поля для КАЖДОГОвариант, который они выбрали.

Например,

<form>
<fieldset>
<div id="option1">
<input type="text" id="number" name="field1">
<input type="text" id="firstname" name="field2">
</div>
<div id="option2">
<input type="text" id="cardnumber" name="field3">
<input type="text" id="firstname" name="field4">
</div>
</fieldset>
</form>

Таким образом, в основном, если пользователь решает, что вариант 1 является наилучшим для него, необходимо подтвердить как номер, так и имя.Если они выбирают вариант 2, необходимо подтвердить как номер карты, так и имя.

Доверьтесь, я имею смысл

Answer 1

Вы можете использовать метод .required () с обратным вызовом. Взгляните на этот пример: http://docs.jquery.com/Plugins/Validation/Methods/required#dependency-expression

Answer 2

function validate() {
    var number = $("#number").val();
    var numberFirstName = $("#firstname").val();
    var cardNumber = $("#cardnumber").val();
    var cardNumberFirstName = $("#c_firstname").val();

    if (number != "" && numberFirstName == "") {
        alert("Complete both fields on Option 1");
    }

    if (cardNumber != "" && cardNumberFirstName == "") {
        alert("Complete both fields on Option 2");
    }
} 

Обратите внимание, что у вас не может быть одинакового свойства id для 2 разных элементов. Поэтому я изменил «ID имени первого варианта» на «c_firstname».