var r = jQuery.noConflict(); r(document).ready(function(){ var jVal = { 'fullName' : function() { r('body').append('
'); var nameInfo = r('#nameInfo'); var ele = r('#fName'); var eleLName = r('#lName'); var pos = ele.offset(); nameInfo.css({ top: pos.top-0, left: pos.left+ele.width()+210 }); if( ele.val().length == 0 || ele.val() == "First Name" || eleLName.val() == "Last Name" || eleLName.val().length == "") { jVal.errors = true; nameInfo.removeClass('correct').addClass('error').html('← Field is Required').show(); ele.removeClass('normal').addClass('wrong'); } else { nameInfo.removeClass('error').addClass('correct').html('√').show(); ele.removeClass('wrong').addClass('normal'); } }, 'gender' : function() { r('body').append(''); var genderInfo = r('#genderInfo'); var ele = r('#gender'); var pos = ele.offset(); genderInfo.css({ top: pos.top-0, left: pos.left+ele.width()+10 }); if((ele.val() == "" )) { jVal.errors = true; genderInfo.removeClass('correct').addClass('error').html('← Field is Required').show(); ele.removeClass('normal').addClass('wrong'); } else { genderInfo.removeClass('error').addClass('correct').html('√').show(); ele.removeClass('wrong').addClass('normal'); } }, 'birthDate' : function() { r('body').append(''); var birthDateInfo = r('#birthDateInfo'); var eleY = r('#year'); var eleD = r('#day'); var eleM = r('#month'); var pos = eleY.offset(); birthDateInfo.css({ top: pos.top-0, left: pos.left+eleY.width()+10 }); if((eleY.val() == "" )|| (eleD.val() == "") || (eleM.val() == "")) { jVal.errors = true; birthDateInfo.removeClass('correct').addClass('error').html('← Field is Required').show(); eleY.removeClass('normal').addClass('wrong'); } else { birthDateInfo.removeClass('error').addClass('correct').html('√').show(); eleY.removeClass('wrong').addClass('normal'); } }, 'city' : function() { r('body').append(''); var cityInfo = r('#cityInfo'); var ele = r('#city'); var pos = ele.offset(); cityInfo.css({ top: pos.top-0, left: pos.left+ele.width()+20 }); if(ele.val() == "" ) { jVal.errors = true; cityInfo.removeClass('correct').addClass('error').html('← Field is Required').show(); ele.removeClass('normal').addClass('wrong'); } else { cityInfo.removeClass('error').addClass('correct').html('√').show(); ele.removeClass('wrong').addClass('normal'); } }, 'nb' : function() { r('body').append(''); var nbInfo = r('#nbInfo'); var ele = r('#nb'); var pos = ele.offset(); nbInfo.css({ top: pos.top-0, left: pos.left+ele.width()+20 }); if(ele.val() == "" ) { jVal.errors = true; nbInfo.removeClass('correct').addClass('error').html('← Field is Required').show(); ele.removeClass('normal').addClass('wrong'); } else { nbInfo.removeClass('error').addClass('correct').html('√').show(); ele.removeClass('wrong').addClass('normal'); } }, 'address' : function() { r('body').append(''); var addressInfo = r('#addressInfo'); var ele = r('#address_1'); var pos = ele.offset(); addressInfo.css({ top: pos.top-0, left: pos.left+ele.width()+20 }); if(ele.val() == "" ) { jVal.errors = true; addressInfo.removeClass('correct').addClass('error').html('← Field is Required').show(); ele.removeClass('normal').addClass('wrong'); } else { addressInfo.removeClass('error').addClass('correct').html('√').show(); ele.removeClass('wrong').addClass('normal'); } }, 'phone' : function() { r('body').append(''); var phoneInfo = r('#phoneInfo'); var ele = r('#phone'); var pos = ele.offset(); phoneInfo.css({ top: pos.top-0, left: pos.left+ele.width()+10 }); if(ele.val().length <= 0) { jVal.errors = true; phoneInfo.removeClass('correct').addClass('error').html('← Field is Required').show(); ele.removeClass('normal').addClass('wrong'); } else { phoneInfo.removeClass('error').addClass('correct').html('√').show(); ele.removeClass('wrong').addClass('normal'); } }, 'email' : function() { r('body').append(''); var emailInfo = r('#emailInfo'); var ele = r('#email'); var pos = ele.offset(); emailInfo.css({ top: pos.top-0, left: pos.left+ele.width()+10 }); if(ele.val().length == 0) { jVal.errors = true; emailInfo.removeClass('correct').addClass('error').html('← Field is Required').show(); ele.removeClass('normal').addClass('wrong'); } else { emailInfo.removeClass('error').addClass('correct').html('√').show(); ele.removeClass('wrong').addClass('normal'); } }, 'password' : function() { r('body').append(''); var passwordInfo = r('#passwordInfo'); var ele = r('#password'); var pos = ele.offset(); passwordInfo.css({ top: pos.top-0, left: pos.left+ele.width()+10 }); if(ele.val().length == 0) { jVal.errors = true; passwordInfo.removeClass('correct').addClass('error').html('← Field is Required').show(); ele.removeClass('normal').addClass('wrong'); } else { passwordInfo.removeClass('error').addClass('correct').html('√').show(); ele.removeClass('wrong').addClass('normal'); } }, 'retypePassword' : function() { r('body').append(''); var retypePasswordInfo = r('#retypePasswordInfo'); var ele = r('#retypePassword'); var pos = ele.offset(); retypePasswordInfo.css({ top: pos.top-0, left: pos.left+ele.width()+10 }); if(ele.val().length == 0) { jVal.errors = true; retypePasswordInfo.removeClass('correct').addClass('error').html('← Field is Required').show(); ele.removeClass('normal').addClass('wrong'); } else { retypePasswordInfo.removeClass('error').addClass('correct').html('√').show(); ele.removeClass('wrong').addClass('normal'); } }, 'sendIt' : function (){ if(!jVal.errors) { r('#jform').submit(); } } }; // ====================================================== // r('#send').click(function (){ r(window).scrollTop(0) ; var obj = r.browser.webkit ? r('body') : r('html'); obj.animate({ scrollTop: r('#jform').offset().top-100 }, 750, function (){ jVal.errors = false; jVal.fullName(); jVal.gender(); jVal.birthDate(); jVal.city(); jVal.nb(); jVal.address(); jVal.phone(); jVal.email(); jVal.password(); jVal.retypePassword(); jVal.sendIt(); }); return false; }); r('#fName').change(jVal.fullName); r('#lName').change(jVal.fullName); r('#gender').change(jVal.gender); r('#month').change(jVal.birthDate); r('#day').change(jVal.birthDate); r('#year').change(jVal.birthDate); r('#city').change(jVal.city); r('#nb').change(jVal.nb); r('#address_1').change(jVal.address); r('#phone').change(jVal.phone); r('#email').change(jVal.email); r('#password').change(jVal.password); r('#retypePassword').change(jVal.password); // ====================================================== // });