JQuery Если нажата кнопка радио, введите поле для электронной почты

Question

Вот моя проблема.
У меня есть сформированная бритва форма, которая имеет несколько полей, но я хочу, чтобы электронная почта была необходима только при щелчке по кнопке «Администратор системы». По умолчанию пользователь системы.

<div class="">@Html.LabelFor(m => m.Email)</div> 
    <div class=""> 
      @Html.TextBoxFor(m => m.Email, new { @class = "form-control required", placeholder = "Email" }) 
      @Html.ValidationMessageFor(m => m.Email) 
    </div> 

Я даже попытался удалить «необходимый» после контроля формы и вынести валидацию.

У меня есть 2 переключателя, которые генерируются бритвой, которые имеют одинаковое имя , но разные значения.

<div class="inline-editor create-user-roles"> 
    <input id="UserRole" name="UserRole" type="radio" value="System Administrator"> 
    <input id="UserRole" name="UserRole" type="radio" value="System User"> 
</div> 

Вот функция JQuery, которую я пытаюсь использовать.

$('input[name="UserRole"]').on('change', function() { 
    if ($('input[name="UserRole"]:checked').val() == "System Administrator") { 
     $('#Email').rules('add', { 
      required: true, messages: { required: "This field is required" } 
     }); 
    } 
    else { 
     $('#Email').rules('add', { 
      required: false 
     }); 
    } 
}); 

Answer 1

Хорошо, так я понял. Я нашел более простой способ сделать это, чтобы решить все мои проблемы. Вот оно!

$('input[name="UserRole"]').on('change', function() { 
    if ($('input[name="UserRole"]:checked').val() == "System Administrator")  { 
     $("#Email").removeClass('form-control').addClass('form-control required'); 
    } 
    else { 
     $("#Email").removeClass('form-control required').addClass('form-control'); 
     $("span[for^='Email']").remove(); 
    } 
}); 

Answer 2

Я предполагаю, что вы используете jQueryValidation [из синтаксиса]. Изменение кода к следующему следует сделать трюк:

$('input[name="UserRole"]').on('change', function() { 
if ($(this).is(':checked') && $(this).val() == "System Administrator") { // `this` refers to the current element that has raised the event, i.e. shorter for `input[name="UserRole"]` in this case 
    $('#Email').rules('add', { 
     required: true, messages: { required: "This field is required" } 
     }); 
    } 
    else { 
     $('#Email').rules('remove'); // Take note of this part 
    } 
}); 

Обратите внимание, что вам нужноудалитьправило. Указание false на конкретное правило не повлияет на его удаление.

Update: Использование .rules() метода на элементах формы требует, чтобы вы уже вызывается метод .validate() [с пустым объектом] на форме.

То есть, добавьте следующую строку перед выше блока кода:

$('#yourFormId').validate({}); 

//rest of your code where you can add your validation rules with `.rule()`.