window.addEvent('domready', function() { //////////////////////////////////// // // Form validation // //////////////////////////////////// $('submitbutton').set('disabled', 'disabled'); $('contactForm').fireEvent('keyup'); $('contactForm').addEvents({"keyup": function() { var name = getValue("name"); var email = getValue("email"); var body = getValue("body"); var errors = true; if(validate("text", "name", name, false)) errors = false; if(validate("text", "body", body, false)) errors = false; if(validate("email", "email", email, false)){ errors = false; } if(errors) { $('submitbutton').set('disabled', ''); $('submitTxt').set("html", "").setStyle("border", "0"); } else { $('submitbutton').set('disabled', 'disabled'); $('submitTxt').set("html", "Your form is incomplete! Fields are empty, invalid, or too short. Make sure you fill in all the fields."); } }, "submit": function(event) { event.preventDefault(); var fName = getValue("name"); var fEmail = getValue("email"); var fBody = getValue("body"); new Request.JSON({ url: '/submitData.php', method: 'get', onComplete: function(data) { $('contactForm').set('html', '

Your message has been sent!

'); } }).get({'page': 'contact', 'name': fName, 'email': fEmail, 'body': fBody}); } }); function getValue(item) { return $(item).get('value'); }; function setValue(item, color) { return $(item).setStyle('border-left', "6px solid "+color); }; function validate(type, item, value, value2) { var pass = false; if(type == "text") { if(value.length > 1) { setValue(item, "#01cf14"); pass = true; } else { setValue(item, "#FF0000"); } } else if(type == "email") { if(value.length > 7 && value.contains('@') && value.contains('.') && value != "" && value != " ") { setValue("email", "#01cf14"); pass = true; } else { setValue("email", "#FF0000"); } } else if(type == "email2") { if(value == value2 && value2 != "") { setValue("email2", "#01cf14"); pass = true; } else { setValue("email2", "#FF0000"); } } else if(type == "email3") { if(value.length > 7 && value.contains('@') && value.contains('.') && value != "" && value != " ") { var joinData = new Request.JSON({ url: '/joinData.php', method: 'get', onComplete: function(data){ if(data != 0) { $('invalidEmail').set("html", "E-mail already registered."); setValue("email", "#FF0000"); } } }).get({'key': value, 'item': 'all'}); } } else if(type == "password") { if(value.length > 5 && value != "" && value != " ") { setValue("pass", "#01cf14"); pass = true; } else { setValue("pass", "#FF0000"); } } else if(type == "password2") { if(value == value2 && value2 != "") { setValue("pass2", "#01cf14"); pass = true; } else { setValue("pass2", "#FF0000"); } } if(pass) return false; else return true; } });