MVC Как добавить проверку на стороне клиента к радиокнопкам, используя javascript - PullRequest
0 голосов
/ 05 мая 2020
• 1000 Есть ли способ сделать переключатель обязательным только при появлении вопроса.

1 Ответ

2 голосов
/ 05 мая 2020

Вы можете создать класс error div и проверить, нет ли проверки радио, добавить сообщение об ошибке как

$('#Next').click(function(){
            if ($("[name='myoptions']:checked").length == 0){
                $('.error').text("Radio is required.");
                return false;
            }
 });

 $(document).ready(function () {
        $('#Next').click(function(){
            if ($("[name='myoptions']:checked").length == 0){
                $('.error').text("Radio is required.");
                return false;
            }
        });
    });
.radio{
margin-right: 10px;
}

.error{
color:red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<input type="radio" name="myoptions" value="red">Radio 1<br /> 
 <input type="radio" name="myoptions" value="green">Radio 2</div>                                                    
<div class='error'></div>    

<input class="btn btn-primary" type="submit" value="Next" id="Next"/>

<script>
   
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...