У меня есть файл .jsp с div, который я показываю/скрываю в соответствии со значением select. неИгнорировать div, скрытый в валидации
Если значение моего выбора «нет» скрыть DIV и если «да» показать DIV
Я использую нг-требуется если параметр необходим для проверки.
Но если значение «нет», и я проверяю свою форму, я не могу его проверить, потому что поле в div скрыто пусто.
Я тестирую что-то, но не получаю результата.
КОД
<div class="row" id="yesAuth">
<div class="col-md-6" ng-class="{ 'has-error': invalid.basicAuthForBackendUsername, 'has-success': valid.basicAuthForBackendUsername}">
<div class="form-group" >
<label for="basicAuthForBackendUsername">basic auth username *</label>
<input type="text" name="basicAuthForBackendUsername" class="form-control" placeholder="basic auth username" ng-model="api.basicAuthForBackendUsername" ng-required="true">
<span id="helpBlock" class="help-block" ng-show="help.basicAuthForBackendUsername.required">basic auth username is required.</span>
</div>
</div>
</div>
JS
$(function() {
$("#basicAuth").change(function() {
if($("#basicAuth option:selected").val() == 'yes'){
$('#yesAuth').show();
}
else{
$('#yesAuth').hide();
}
});
});
$("#basicAuth").validate({
ignore: ".hidden"
});
CSS
<style media="screen" type ="text/css">
.hidden {
visibility: hidden;
}
</style>
Как я могу исправить мою проблему?
Большое спасибо.
Не работает для меня .. – JackR