From 328ea927ddc18a6029849349a379f9e9f15e439a Mon Sep 17 00:00:00 2001 From: tribikram Date: Thu, 16 Feb 2023 13:58:05 +0545 Subject: [PATCH] [add] additional information client validation --- public/frontend/css/style.css | 6 +- public/frontend/icons/career-counselling.png | Bin 0 -> 1713 bytes public/frontend/icons/noto_graduation-cap.png | Bin 0 -> 2406 bytes public/frontend/icons/noto_graduation-cap.svg | 12 + resources/views/enquiry-form.blade.php | 245 +++++++++++++----- resources/views/welcome.blade.php | 4 +- 6 files changed, 196 insertions(+), 71 deletions(-) create mode 100644 public/frontend/icons/career-counselling.png create mode 100644 public/frontend/icons/noto_graduation-cap.png create mode 100644 public/frontend/icons/noto_graduation-cap.svg diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css index 7bdafd6..1bc7327 100644 --- a/public/frontend/css/style.css +++ b/public/frontend/css/style.css @@ -1071,7 +1071,9 @@ Responsive Codes line-height: 2.6rem; color: #FFFFFF; } -.form-sec .form-control::placeholder{ +.form-sec .form-control::placeholder, +.enquiry-form-section .form-control::placeholder, +.enquiry-form-section .form-select{ font-weight: 400; font-size: 14px; line-height: 26px; @@ -1697,7 +1699,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) { transition: background-color 1s ease-out 100ms; } .form-select .select-placeholder{ - color: #7B8792; + color: #4e545a; } .enquiry-form-row h3{ font-weight: 600; diff --git a/public/frontend/icons/career-counselling.png b/public/frontend/icons/career-counselling.png new file mode 100644 index 0000000000000000000000000000000000000000..b3429fad6aeab7cee567e3d4b64c796c79e1d72d GIT binary patch literal 1713 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 Y1e7m6a??0!g#Z8m07*qoM6N<$g6u(epa1{> literal 0 HcmV?d00001 diff --git a/public/frontend/icons/noto_graduation-cap.svg b/public/frontend/icons/noto_graduation-cap.svg new file mode 100644 index 0000000..9cd1f58 --- /dev/null +++ b/public/frontend/icons/noto_graduation-cap.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/resources/views/enquiry-form.blade.php b/resources/views/enquiry-form.blade.php index de560da..d59201e 100644 --- a/resources/views/enquiry-form.blade.php +++ b/resources/views/enquiry-form.blade.php @@ -46,9 +46,9 @@
@@ -106,47 +106,54 @@
- + +
- + +
- + +
- + +
- + +
- + +
+
@@ -220,24 +227,26 @@
- + +
- + +
@@ -258,6 +267,15 @@ addressError = document.getElementById('error-address'); emailError = document.getElementById('error-email'); phoneNumberError = document.getElementById('error-phone'); + qualificationError = document.getElementById('error-qualification'); + streamError = document.getElementById('error-stream'); + gpaError = document.getElementById('error-gpa'); + graduateYearError = document.getElementById('error-graduate_year'); + gapError = document.getElementById('error-gap'); + currentStatusError = document.getElementById('error-currentStatus'); + workExperienceError = document.getElementById('error-workExperience'); + ImmigrationHistoryError = document.getElementById('error-immigration-history'); + StudyFieldError = document.getElementById('error-studyfield'); function maritalStatus(){ var marriedDate = document.getElementById('spouse-married-date'); @@ -291,6 +309,7 @@ salaryMode = document.getElementById('work-salary-mode'); if(workExperience.length == 0){ $('#work-experience').focus(); + workExperienceError.innerHTML = "This field cannot be empty !" return false; }if(workExperience == "yes"){ workDetail.classList.add('married'); @@ -299,6 +318,8 @@ workDetail.classList.remove('married'); salaryMode.classList.remove('married'); } + workExperienceError.innerHTML = ""; + return true; } function validatefName(){ @@ -326,25 +347,25 @@ } function validateDob(){ - var dob = document.getElementById('dob').value; - if(dob == ""){ - $('#dob').focus(); - dobError.innerHTML = "Date of birth is required!"; - return false; - } - dobError.innerHTML = ''; - return true; + var dob = document.getElementById('dob').value; + if(dob == ""){ + $('#dob').focus(); + dobError.innerHTML = "Date of birth is required !"; + return false; + } + dobError.innerHTML = ''; + return true; } function eCob(){ - var cob = document.getElementById('e-cob').value; - if(cob == ""){ - $('#e-cob').focus(); - cobError.innerHTML = "Country of birth is required!"; - return false; - } - cobError.innerHTML = ''; - return true; + var cob = document.getElementById('e-cob').value; + if(cob == ""){ + $('#e-cob').focus(); + cobError.innerHTML = "Country of birth is required !"; + return false; + } + cobError.innerHTML = ''; + return true; } function eGender(){ @@ -361,54 +382,144 @@ GenderError.innerHTML = ''; return true; }else{ - GenderError.innerHTML = "Please select your gender!"; + GenderError.innerHTML = "Please select your gender !"; return false; } } function validateAddress(){ - var address = document.getElementById('address').value; - if(address.length == 0){ - $('#address').focus(); - addressError.innerHTML = "Address field is required!"; - return false; + var address = document.getElementById('address').value; + if(address.length == 0){ + $('#address').focus(); + addressError.innerHTML = "Address field is required !"; + return false; + } + addressError.innerHTML = ''; + return true; + } + + function validateEmail(){ + var email = document.getElementById('email').value; + if(email.length == 0){ + emailError.innerHTML = "Email is required !"; + return false; + } + if(!email.match(/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$/)){ + emailError.innerHTML = "Invalid email address"; + return false; + } + emailError.innerHTML = ''; + return true; + } + + function validatePhone(){ + var phone = document.getElementById('phone').value; + if(phone.length == 0){ + $('#phone').focus(); + phoneNumberError.innerHTML = "Mobile number is required !"; + return false; + } + if(!phone.match(/^\d{10}$/)){ + phoneNumberError.innerHTML = "Invalid mobile number"; + return false; + } + phoneNumberError.innerHTML = ''; + return true; + } + + function validateQualification(){ + var qualification = document.getElementById('highest_qualification').value; + if(qualification.length == 0){ + $('#highest_qualification').focus(); + qualificationError.innerHTML = "Highest Qualification field is required !"; + return false; + } + qualificationError.innerHTML = ''; + return true; } - addressError.innerHTML = ''; - return true; - } - function validateEmail(){ - var email = document.getElementById('email').value; - if(email.length == 0){ - emailError.innerHTML = "Email is required!"; - return false; + function validateStream(){ + var stream = document.getElementById('stream').value; + if(stream.length == 0){ + $('#stream').focus(); + streamError.innerHTML = "Stream field is required !"; + return false; + } + streamError.innerHTML = ''; + return true; } - if(!email.match(/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$/)){ - emailError.innerHTML = "Invalid email address"; - return false; + + function validateGpa(){ + var gpa = document.getElementById('gpa').value; + if(gpa.length == 0){ + $('#gpa').focus(); + gpaError.innerHTML = "GPA or % is required !"; + return false; + } + gpaError.innerHTML = ''; + return true; } - emailError.innerHTML = ''; - return true; - } - function validatePhone(){ - var phone = document.getElementById('phone').value; - if(phone.length == 0){ - $('#phone').focus(); - phoneNumberError.innerHTML = "Mobile number is required!"; - return false; + function validatePassout(){ + var graduateYear = document.getElementById('graduate_year').value; + if(graduateYear.length == 0){ + $('#graduate_year').focus(); + graduateYearError.innerHTML = "Graduate year is required !"; + return false; + } + graduateYearError.innerHTML = ''; + return true; } - if(!phone.match(/^\d{10}$/)){ - phoneNumberError.innerHTML = "Invalid mobile number"; - return false; + + function validateGap(){ + var gap = document.getElementById('gap').value; + if(gap.length == 0){ + $('#gap').focus(); + gapError.innerHTML = "Gap field is required !"; + return false; + } + gapError.innerHTML = ''; + return true; + } + + function validateCurrent(){ + var currentStatus = document.getElementById('current_status').value; + if(currentStatus.length == 0){ + $('#current_status').focus(); + currentStatusError.innerHTML = "Current Status is required !"; + return false; + } + currentStatusError.innerHTML = ''; + return true; + } + + function validateImmigrationHistory(){ + var ImmigrationHistory = document.getElementById('immigration-history').value; + if(ImmigrationHistory.length == 0){ + $('#immigration-history').focus(); + ImmigrationHistoryError.innerHTML = "Immigration History is required !"; + return false; + } + ImmigrationHistoryError.innerHTML = ''; + return true; + } + + function validateStudyField(){ + var StudyField = document.getElementById('desired-study-field').value; + if(StudyField.length == 0){ + $('#desired-study-field').focus(); + StudyFieldError.innerHTML = "Desired Study Field is required !"; + return false; + } + StudyFieldError.innerHTML = ''; + return true; } - phoneNumberError.innerHTML = ''; - return true; - } function submitEnquiry(){ if(!validatefName() || !validatelName() || !validateDob() || !eCob() || !eGender() || - !validateAddress() || !validateEmail() || !validatePhone()){ + !validateAddress() || !validateEmail() || !validatePhone() || !validateQualification() || + !validateStream() || !validateGpa() || !validatePassout() || !validateGap() || !validateCurrent() || + !wExperience() || !validateImmigrationHistory() || !validateStudyField()){ return false; }else{ diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index 239e5ba..67873c4 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -96,7 +96,7 @@
- +

Job Ready Program

Get into the job market with a correct set of skills.

@@ -106,7 +106,7 @@
- +

Career Counselling

Get the right guidance to leap through your career.