javascript - MVC如何使用javascript向单选按钮添加客户端验证

Question

我有一个单选按钮，只有在上面选择了某些值时才会显示，所以在某些情况下，单选按钮不会有选中的值，所以我不能在模型中添加所需的数据注释。有没有办法只在问题出现时才需要单选按钮。

标签： javascriptasp.net-mvc

Answer 1

您可以创建一个errordiv 类，并检查是否没有单选检查将您的错误消息附加为

$('#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>