$(document).ready(function(){ $("#newspopup").click(function(){ $.extend($.blockUI.defaults.pageMessageCSS, {border: '0', height: '200px'}); $.extend($.blockUI.defaults.overlayCSS, { backgroundColor: '#000000', cursor: 'default' }); //Create all the html code for inside the window var content = '

'; //top red or dead newsletter with red or dead //content += '

'; //main box with stripes content += '

'; content += ''; content += '' //The main inital image src provided by the rel attribute content += '

' content += '

' content += '' content += '' content += '' content += '' content += '' content += '' content += '' content += '' content += '

First Name
Surname
Email
' // no quickway of doing the dates so these are the drop downs content += 'Date of Birth
		Female Male
		Receive info from partners
		I agree to the Terms & Conditions and Privacy Policy of the website

'; //Text desc and close button content += '

' content += '

' content += '

'+'

'; content += 'close '; content += '

' content += '

'; //the footer //content += '

'; $.blockUI(content); $('#signup').click(function(){ // do the json of the required fields //get value var signupEmail = $("#signupemail").val(); var signupFirstName = $("#firstname").val(); var signupSurname = $("#signupsurname").val(); var signupDobYear = $("#dob_year").val(); var signupDobMonth = $("#dob_month").val(); var signupDobDay = $("#dob_day").val(); var signupSex_Male = $("#sex_male:checked").val(); var signupSex_Female = $("#sex_female:checked").val(); var signupNewsletter = $("#signupnewsletter:checked").val() !== null; var signupPartners = $("#partners:checked").val() !== null; var signuptandc = $("#tandc:checked").val() !== null; var error = false; if(signupFirstName == ""){ $('#fnameError').html('required'); alert('fill in your firstname'); return false; //error = true; }else{ $('#fnameError').html(''); error = false; } if(signupSurname == ""){ $('#snameError').html('required'); alert('fill in your surname'); return false; }else{ $('#snameError').html(''); error = false; } if(signupEmail == ""){ //alert(signupEmail); $('#emailError').html('required'); alert('fill in your email'); return false; }else{ $('#emailError').html(''); error = false; } if(signuptandc == false){ $('#tandcError').html('required'); error = true; }else{ $('#tandcError').html(''); error = false; } if(error){ alert('this field is required'); return false; } // calls the signup function and test for the email // being unique $.getJSON("/signup", { email: signupEmail, fname: signupFirstName, surname: signupSurname, dob_year: signupDobYear, dob_month: signupDobMonth, dob_day: signupDobDay, f_sex: signupSex_Female, m_sex: signupSex_Male, newsletter: signupNewsletter, partners: signupPartners, tandc: signuptandc }, function(json) { //returned if(json.email == "notunique") { $('#emailError').html('Exists'); alert('The email address already exists'); } else if(json.email == "true") { $("#registration").toggle(); $("#thankyounote").toggle(); //setTimeout("$.unblockUI();",10000) } else if(json.email == "invalid") { $('#emailError').html('Error'); alert('The email address is not valid'); } } ) // end of json manipulation return false; }); }); });