## Form Validation - setting custom messages and error placement

- form3.html

      $(document).ready(function(){
          var validation = $("#myForm").validate(
           {
             rules: {
               name: { required: true, minlength: 2 },
               email: { required: true, email: true },
               url: { required: true, url: true },
               favnum: { required: true, number: true },
               favnum10: { required: true, number: true, min: 1, max: 10},
               color: {required: true},
               season: {required: true, minlength: 2},
               yourdate: { required: true, date: true }
             },
             messages: {
                    season: { minlength: jQuery.validator.format("Pick a minimum of {0} choices") }
             },
             errorPlacement: function(error,element) {
                 if ( element.is("[name=color]") )
                    error.appendTo( $('p#color') );
                 else if ( element.is("[name=season]") )
                    error.appendTo( $('p#season') );
                 else if ( element.is("[name=comments]") )
                    error.insertAfter( $('label[for=comments]') );
                 else
                    error.insertAfter(element);
             }
           });
        });