jQuery validation example

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/additional-methods.js"></script>
<form id="myform">
    <input type="radio" name="IsGuidance" value="1" />
    <label class="hthin" for="IsGuidanceYes">Yes</label>
    <br/>
    <input type="radio" name="IsGuidance" value="0" />
    <label class="hthin" for="IsGuidanceNo">No</label>
    <br/>
    <span for="IsGuidance" class="text-danger"></span>
    <br />
    <input type="submit" />
</form>

CSS

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

JavaScript

$(document).ready(function () {

    $('#myform').validate({
        submitHandler: function (form) { // demo
            alert('valid form');
            return false;
        },
        errorElement: 'span',
        errorLabelContainer: '.text-danger'
    });

    // must come afer validate()
    // $('input[name="myname"]').rules("add", "required");
    
     $('input[name="IsGuidance"]').rules("add",
                {
                    required: true,
                    messages: {
                        required: "Please select Yes or No"
                    }
                });

});