@ -46,9 +46,9 @@
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > Country< / label > < label for = "name" > Country< / label >
< select class = "form-select mt-2" name = "cob" id = "e-cob" onchange = "eCob()" > < select class = "form-select mt-2" name = "cob" id = "e-cob" onchange = "eCob()" >
< option value = "" hidden > Select you country of birth< / option > < option hidden > Select your country of birth< / option >
@foreach($countries as $country) @foreach($countries as $country)
< option value = "{{$country->id}}" @ if ( old ( ' country_id ' ) = = = $ country- > id) selected @endif>{{$country->name}}< / option > < option class = "select-placeholder" value = "{{$country->id}}" @ if ( old ( ' country_id ' ) = = = $ country- > id) selected @endif>{{$country->name}}< / option >
@endforeach @endforeach
< / select > < / select >
< span class = "error" id = "error-cob" > < / span > < span class = "error" id = "error-cob" > < / span >
@ -106,47 +106,54 @@
< div class = "col-md-4" > < div class = "col-md-4" >
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > Highest Qualification< / label > < label for = "name" > Highest Qualification< / label >
< input type = "text" class = "form-control mt-2" id = "highest_qualification" name = "highest_qualification" placeholder = "Enter your Highest Qualification" > < input type = "text" class = "form-control mt-2" id = "highest_qualification" name = "highest_qualification" placeholder = "Enter your Highest Qualification" onkeyup = "validateQualification()" >
< span class = "error" id = "error-qualification" > < / span >
< / div > < / div >
< / div > < / div >
< div class = "col-md-4" > < div class = "col-md-4" >
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > Stream< / label > < label for = "name" > Stream< / label >
< input type = "text" class = "form-control mt-2" id = "stream" name = "stream" placeholder = "Enter your Stream" > < input type = "text" class = "form-control mt-2" id = "stream" name = "stream" placeholder = "Enter your Stream" onkeyup = "validateStream()" >
< span class = "error" id = "error-stream" > < / span >
< / div > < / div >
< / div > < / div >
< div class = "col-md-4" > < div class = "col-md-4" >
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > % or GPA< / label > < label for = "name" > % or GPA< / label >
< input type = "text" class = "form-control mt-2" id = "gpa" name = "gpa" placeholder = "Enter your % or GPA" > < input type = "text" class = "form-control mt-2" id = "gpa" name = "gpa" placeholder = "Enter your % or GPA" onkeyup = "validateGpa()" >
< span class = "error" id = "error-gpa" > < / span >
< / div > < / div >
< / div > < / div >
< div class = "col-md-4" > < div class = "col-md-4" >
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > Passed Year< / label > < label for = "name" > Passed Year< / label >
< input type = "text" class = "form-control mt-2" id = "graduate_year" name = "graduate_year" placeholder = "Enter your Passed Year" > < input type = "text" class = "form-control mt-2" id = "graduate_year" name = "graduate_year" placeholder = "Enter your Passed Year" onkeyup = "validatePassout()" >
< span class = "error" id = "error-graduate_year" > < / span >
< / div > < / div >
< / div > < / div >
< div class = "col-md-4" > < div class = "col-md-4" >
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > Gap after Studies< / label > < label for = "name" > Gap after Studies< / label >
< input type = "text" class = "form-control mt-2" id = "gap" name = "gap" placeholder = "Enter your Gap after Studies" > < input type = "text" class = "form-control mt-2" id = "gap" name = "gap" placeholder = "Enter your Gap after Studies" onkeyup = "validateGap()" >
< span class = "error" id = "error-gap" > < / span >
< / div > < / div >
< / div > < / div >
< div class = "col-md-4" > < div class = "col-md-4" >
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > What you are doing now?< / label > < label for = "name" > What you are doing now?< / label >
< input type = "text" class = "form-control mt-2" id = "current_status" name = "current_status" placeholder = "Enter your Current Status" > < input type = "text" class = "form-control mt-2" id = "current_status" name = "current_status" placeholder = "Enter your Current Status" onkeyup = "validateCurrent()" >
< span class = "error" id = "error-currentStatus" > < / span >
< / div > < / div >
< / div > < / div >
< div class = "col-md-4" > < div class = "col-md-4" >
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > Do you have work experience?< / label > < label for = "name" > Do you have work experience?< / label >
< select class = "form-select mt-2" name = "work_experience" id = "work-experience" onchange = "wExperience()" > < select class = "form-select mt-2" name = "work_experience" id = "work-experience" onchange = "wExperience()" >
< option value = "" hidden > Work experence status< / option > < option hidden value = "" > Work experence status< / option >
< option value = "yes" > Yes< / option > < option value = "yes" class = "select-placeholder" > Yes< / option >
< option value = "no" > No< / option > < option value = "no" class = "select-placeholder" > No< / option >
< / select > < / select >
< span class = "error" id = "error-workExperience" > < / span >
< / div > < / div >
< / div > < / div >
< div class = "col-md-4" id = "work-exp-detail" > < div class = "col-md-4" id = "work-exp-detail" >
@ -220,24 +227,26 @@
< div class = "col-md-4" > < div class = "col-md-4" >
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > Immigration History: < / label > < label for = "name" > Immigration History: < / label >
< input type = "text" class = "form-control mt-2" id = "immigration-history" name = "immigration_history" placeholder = "Enter your Immigration History" > < input type = "text" class = "form-control mt-2" id = "immigration-history" name = "immigration_history" placeholder = "Enter your Immigration History" onkeyup = "validateImmigrationHistory()" >
< span class = "error" id = "error-immigration-history" > < / span >
< / div > < / div >
< / div > < / div >
< div class = "col-md-4" > < div class = "col-md-4" >
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > Desired study field< / label > < label for = "name" > Desired study field< / label >
< input type = "text" class = "form-control mt-2" id = "desired-study-field" name = "desired_study_field" placeholder = "Enter your Desired study field" > < input type = "text" class = "form-control mt-2" id = "desired-study-field" name = "desired_study_field" placeholder = "Enter your Desired study field" onkeyup = "validateStudyField()" >
< span class = "error" id = "error-studyfield" > < / span >
< / div > < / div >
< / div > < / div >
< div class = "col-md-4" > < div class = "col-md-4" >
< div class = "form-group mb-3" > < div class = "form-group mb-3" >
< label for = "name" > Desired location (If Any)< / label > < label for = "name" > Desired location (If Any)< / label >
< select class = "form-select mt-2" name = "desired_location" id = "desired-location" > < select class = "form-select mt-2" name = "desired_location" id = "desired-location" >
< option value = "" hidden class = "select-placeholder" > Select your desired location< / option > < option hidden > Select your desired location< / option >
< option value = "au" > Australia< / option > < option value = "au" class = "select-placeholder" > Australia< / option >
< option value = "nz" > New Zeland< / option > < option value = "nz" class = "select-placeholder" > New Zeland< / option >
< option value = "ca" > Canada< / option > < option value = "ca" class = "select-placeholder" > Canada< / option >
< option value = "us" > USA< / option > < option value = "us" class = "select-placeholder" > USA< / option >
< / select > < / select >
< / div > < / div >
< / div > < / div >
@ -258,6 +267,15 @@
addressError = document.getElementById('error-address'); addressError = document.getElementById('error-address');
emailError = document.getElementById('error-email'); emailError = document.getElementById('error-email');
phoneNumberError = document.getElementById('error-phone'); 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(){ function maritalStatus(){
var marriedDate = document.getElementById('spouse-married-date'); var marriedDate = document.getElementById('spouse-married-date');
@ -291,6 +309,7 @@
salaryMode = document.getElementById('work-salary-mode'); salaryMode = document.getElementById('work-salary-mode');
if(workExperience.length == 0){ if(workExperience.length == 0){
$('#work-experience').focus(); $('#work-experience').focus();
workExperienceError.innerHTML = "This field cannot be empty !"
return false; return false;
}if(workExperience == "yes"){ }if(workExperience == "yes"){
workDetail.classList.add('married'); workDetail.classList.add('married');
@ -299,6 +318,8 @@
workDetail.classList.remove('married'); workDetail.classList.remove('married');
salaryMode.classList.remove('married'); salaryMode.classList.remove('married');
} }
workExperienceError.innerHTML = "";
return true;
} }
function validatefName(){ function validatefName(){
@ -329,7 +350,7 @@
var dob = document.getElementById('dob').value; var dob = document.getElementById('dob').value;
if(dob == ""){ if(dob == ""){
$('#dob').focus(); $('#dob').focus();
dobError.innerHTML = "Date of birth is required!"; dobError.innerHTML = "Date of birth is required !";
return false; return false;
} }
dobError.innerHTML = ''; dobError.innerHTML = '';
@ -340,7 +361,7 @@
var cob = document.getElementById('e-cob').value; var cob = document.getElementById('e-cob').value;
if(cob == ""){ if(cob == ""){
$('#e-cob').focus(); $('#e-cob').focus();
cobError.innerHTML = "Country of birth is required!"; cobError.innerHTML = "Country of birth is required !";
return false; return false;
} }
cobError.innerHTML = ''; cobError.innerHTML = '';
@ -361,7 +382,7 @@
GenderError.innerHTML = ''; GenderError.innerHTML = '';
return true; return true;
}else{ }else{
GenderError.innerHTML = "Please select your gender!"; GenderError.innerHTML = "Please select your gender !";
return false; return false;
} }
} }
@ -370,7 +391,7 @@
var address = document.getElementById('address').value; var address = document.getElementById('address').value;
if(address.length == 0){ if(address.length == 0){
$('#address').focus(); $('#address').focus();
addressError.innerHTML = "Address field is required!"; addressError.innerHTML = "Address field is required !";
return false; return false;
} }
addressError.innerHTML = ''; addressError.innerHTML = '';
@ -380,7 +401,7 @@
function validateEmail(){ function validateEmail(){
var email = document.getElementById('email').value; var email = document.getElementById('email').value;
if(email.length == 0){ if(email.length == 0){
emailError.innerHTML = "Email is required!"; emailError.innerHTML = "Email is required !";
return false; return false;
} }
if(!email.match(/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$/)){ if(!email.match(/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$/)){
@ -395,7 +416,7 @@
var phone = document.getElementById('phone').value; var phone = document.getElementById('phone').value;
if(phone.length == 0){ if(phone.length == 0){
$('#phone').focus(); $('#phone').focus();
phoneNumberError.innerHTML = "Mobile number is required!"; phoneNumberError.innerHTML = "Mobile number is required !";
return false; return false;
} }
if(!phone.match(/^\d{10}$/)){ if(!phone.match(/^\d{10}$/)){
@ -406,9 +427,99 @@
return true; 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;
}
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;
}
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;
}
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;
}
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;
}
function submitEnquiry(){ function submitEnquiry(){
if(!validatefName() || !validatelName() || !validateDob() || !eCob() || !eGender() || if(!validatefName() || !validatelName() || !validateDob() || !eCob() || !eGender() ||
!validateAddress() || !validateEmail() || !validatePhone()){ !validateAddress() || !validateEmail() || !validatePhone() || !validateQualification() ||
!validateStream() || !validateGpa() || !validatePassout() || !validateGap() || !validateCurrent() ||
!wExperience() || !validateImmigrationHistory() || !validateStudyField()){
return false; return false;
}else{ }else{
