JQuery Validation - проверять входное значение, когда установлен флажок

Question

У меня есть поле ввода для номера телефона с опцией для обновления SMS. Я хочу проверить это, когда флажок SMS установлен, что номер является номером мобильного телефона. У меня работает регулярное выражение, и это подтверждает, но у меня появляется ошибка «Требуется мобильный», даже если флажок не установлен.

$.validator.addMethod(
      "regex",
      function(value, element, regexp) {
        if($('#receive_sms_updates').is(':checked')) {
          var check = false;
          var re = new RegExp(regexp);
          return this.optional(element) || re.test(value);
        } 
      }, "Mobile Required"
    );


    $("form#patient-detials").validate({
      rules: {
        'patient[person_attributes][phone_mobile]': {
          maxlength: 10,
          minlength: 10,
          digits: true,
          regex: "^04[0-9]{8}" 
        }
      }
    });

Answer 1

Обновление (из вашего комментария ниже).

Вы не возвращаете true из своего пользовательского правила, если if не введено, что технически приводит к тому, что undefined возвращается вызывающей стороне (что является значением falsey ). Обновите ваше правило следующим образом:

$.validator.addMethod("regex", function(value, element, regexp) {
    if ($('#receive_sms_updates').is(':checked')) {
        var check = false;
        var re = new RegExp(regexp);
        return this.optional(element) || re.test(value);
    }
    return true;
}, "Mobile Required");

Оставьте эту часть, потому что это может быть полезно для кого-то еще:

Я бы обновил ваш проверочный вызов и правило следующим образом:

$.validator.addMethod("regex", function(value, element, regexp) {
    var re = new RegExp(regexp);
    return this.optional(element) || re.test(value);
}, "Mobile Required");

$("form#patient-detials").validate({
    rules: {
        'patient[person_attributes][phone_mobile]': {
            maxlength: 10,
            minlength: 10,
            digits: true,
            regex: "^04[0-9]{8}",
            required: "#receive_sms_updates:checked"
        }
    }
});

Как видите, свойство required принимает "выражение зависимости", которое используется для определения того, требуется ли мобильное поле (на основании того, установлен или нет #receive_sms_updates).

Вот пример: http://jsfiddle.net/andrewwhitaker/ED6cX/

<ч />

Чтобы продвинуться еще на один шаг, я бы порекомендовал удалить метод «Mobile Required» из самого правила (в конце концов, вы хотите повторно использовать правило регулярных выражений) и поместить его в свойство messages на своем подтвердить звонок. Что-то вроде:

$.validator.addMethod("regex", function(value, element, regexp) {
    var re = new RegExp(regexp);
    return this.optional(element) || re.test(value);
});

$("form#patient-detials").validate({
    rules: {
        'patient[person_attributes][phone_mobile]': {
            maxlength: 10,
            minlength: 10,
            digits: true,
            regex: "^04[0-9]{8}",
            required: "#receive_sms_updates:checked"
        }
    },
    messages: {
        'patient[person_attributes][phone_mobile]': {
            required: "Mobile Required",
            regex: "Please enter a valid mobile number"
        }
    }
});

Пример: http://jsfiddle.net/andrewwhitaker/5BVCK/

Таким образом, вы не ограничиваете свое правило проверки (которое достаточно универсально, чтобы его можно было применить к другим полям) определенной формой.