jQuery unobstrusive validation

by FrictionlessPulley

HTML

<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<form id="form">Name :
    <input type="text" name="Name" value="" id="Name" />
    <br/>Score 01 :
    <input type="text" name="score-a" value="" id="score-a" />
    <br/>Score 02 :
    <input type="text" name="score-b" value="" id="score-b" />
    <br/>
    <input type="button" value="validate" id="validate" />
    <input type="submit" value="save" />
    <ul></ul>
</form>

JavaScript

$(function () {
    $('#form').validate();
    $('#validate').on('click', function () {
        $('#Name').rules('add', {
            required: true,
            messages: {
                required: 'Your Name is required.'
            }
        });

        var required = function () {
            var scorea = $.trim($('#score-a').val());
            var scoreb = $.trim($('#score-b').val());

            return scorea.length == 0 && scoreb.length == 0;
        };



        $('ul').append('<li>added validation</li>');
    });
});