I have a radio button that only shows up when certain values are chosen above so in some cases the radio button wont have a checked value so I cant put a required data annotation to the model. Is there any way to make a radio button required only when the question shows up.
2
-
1I'm not sure if you'd need this at all. Once selected, user can't deselect a radio button in any way.Teemu– Teemu2020-05-05 05:26:36 +00:00Commented May 5, 2020 at 5:26
-
You need conditional validationADyson– ADyson2020-05-05 06:47:02 +00:00Commented May 5, 2020 at 6:47
Add a comment
|
1 Answer
You can create an error div class, and check if no radio check append your error message as
$('#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>