contact form validation problem (Validation is bypassed on send button)

Answer 1

You are not correctly calling validation for all the fields. You must make an instance of LiveValidation object before calling the add function.

For each field (Name, Email, MessageField) replace:

new LiveValidation('Name', { wait: 500 }).add(Validate.Presence);

With:

var LV_Name = new LiveValidation('Name', { wait: 500 });
LV_Name.add(Validate.Presence);    

Here is complete JS snippet with LiveValidation placed inside document.ready jQuery function that will execute when DOM is ready:

<script type="text/javascript" src="contact_files/jquery.js"></script>
<script type="text/javascript" src="contact_files/livevalidation_standalone.js"></script><!-- Let's do the animation -->
<script type="text/javascript">
//<![CDATA[
$(function() {

    var LV_Name = new LiveValidation('name',{ wait: 500 });
    LV_Name.add(Validate.Presence);

    var LV_Email = new LiveValidation('email', {onlyOnSubmit: true });
    LV_Email.add(Validate.Presence);

    var LV_Message= new LiveValidation('message', { wait: 500 });
    LV_Message.add(Validate.Presence);

    var service = new LiveValidation('service' , {onlyOnSubmit: true });
    service.add( Validate.Exclusion, { within: [ 'None' ] } );

    // set opacity to nill on page load
    $("ul#menu span").css("opacity","0");
    // on mouse over
    $("ul#menu span").hover(function () {
        // animate opacity to full
        $(this).stop().animate({
            opacity: 1
            }, 'slow');
        },
        // on mouse out
        function () {
            // animate opacity to nill
            $(this).stop().animate({
                opacity: 0
                }, 'slow');
            });
    });
//]]>
</script>