function addEventSimple( obj, type, fn ) {
    if ( obj.attachEvent ) {
        obj['e'+type+fn] = fn;
        obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
        obj.attachEvent( 'on'+type, obj[type+fn] );
    } else
        obj.addEventListener( type, fn, false );
}
function removeEventSimple( obj, type, fn ) {
    if ( obj.detachEvent ) {
        obj.detachEvent( 'on'+type, obj[type+fn] );
        obj[type+fn] = null;
    } else
        obj.removeEventListener( type, fn, false );
}
	
// removed stopEvent from onload function
function stopEvent(e) {
    if(!e) var e = window.event;
    //e.cancelBubble is supported by IE - this will kill the bubbling process.
    e.cancelBubble = true;
    e.returnValue = false;

    //e.stopPropagation works only in Firefox.
    if (e.stopPropagation) {
        e.stopPropagation();
        e.preventDefault();
    }
    return false;
}

window.onload = function() {
   
	 var contactform = document.getElementById('contactform');
 
//prevent default script...
	
    addEventSimple(contactform, 'submit', function(e){
        validateContactForm(e);
    });
};

function highlightField(el){
    el.style.border = '1px solid red';
}


// validation script below
function validateContactForm(e) {
    var form = document.getElementById('contactform');
    var name = form.name;
	var emailvalidator = /^([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5})$/;
	var email = form.email;
	var email_val = email.value;
    var message = form.message;
	
    // validate here
     if (name.value == '') {
        alert("Please enter your name.");
        highlightField(name);
        stopEvent(e);
		
	 } else if (!email_val.match(emailvalidator) ) {
        alert('Please enter a valid email address');
		highlightField(email);
        stopEvent(e);
		
	 } else if (message.value == '') {
		alert("Please enter your message.");
		highlightField(message);
		stopEvent(e);			
	 } else {
        return true;
    }
}// JavaScript Document