JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js"></script>
<form id="myform">
    
    <input type="hidden" name="MaritalStatusDate" />
    
    <input type="radio" name="radio" value="1" class="maritalStatusRadio" />
    
    <input type="radio" name="radio" value="0" class="maritalStatusRadio" />
   
    <input type="submit" />
</form>
<a href="http://docs.jquery.com/Plugins/Validation" target="_blank">Validation Documentation</a>

CSS

a {
    display: block;
    position: absolute;
    bottom: 0;
}

JavaScript

$(document).ready(function () {

    $("#myform").validate({
        ignore: [],
        rules: {
            MaritalStatusDate: {
                required: {
                    depends: function () {
                        return !($("input[type='radio'].maritalStatusRadio[value='1']").is(":checked"));
                    }
                }
            }
        },
        messages: {
            MaritalStatusDate: {
                required: "You must enter a marital status date"
            }
        },
        submitHandler: function(form) {
            alert('success');
            return false;
        }
    });
    
});