Hello again experts,
I built this page a couple of years ago and several of the form fields are mandatory and users could not get to the next screen until several of the form fields are completed.
Here is the link to the site:
https://debestqualityprivatehomecare.com/prelimempapp.aspx
It was tested with major browsers like IE, Firefox, google chrome and Microsoft Edge and validations were working then.
For some reason, now, it only works with IE which has since been deprecated.
Any ideas what could have broken?
My suspicion is that this is happening because the page uses SSL certification (https://...) but not sure how to resolve this.
Your usual assistance is greatly appreciated.
I truly apologize for the long code.
<%@ Page Language="VB" AutoEventWireup="false" debug="true" MaintainScrollPositionOnPostBack = "true" CodeFile="PrelimEmpApp.aspx.vb" Inherits="PrelimEmpApp" %>
<%@ Register Assembly="MSCaptcha" Namespace="MSCaptcha" TagPrefix="cc1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register Src="CustomControls/TimeExtender.ascx" TagName="TimeExtender" TagPrefix="cc1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Debest Quality Private Homecare | Pre employment screening</title>
<meta http-equiv="Page-Enter" content="RevealTrans(Duration=0,Transition=0)" />
<meta name="description" content="DebestQuality Private Health Care is an in-home healthcare provide in Powder Springs, Georgia and provides individuals with quality, affordable health care services." />
<meta name="keywords" content="Healthcare,Services,In home healthcare,Health care,Private Home Care,In home services,Appointments,Powder Springs,Home Healthcare GA, Home Care Georgia" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<meta http-equiv="X-UA-Compatible" content="IE=7, IE=8, IE=9, IE=10, IE=11, chrome=1" />
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
<link href="Styles/content.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/pglayouts.css" />
<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="jquery.MultiFile.js" type="text/javascript"></script>
<script type="text/javascript" src="Scripts/easySlider1.7.js"></script>
<script type='text/javascript' src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script> -->
<script src="lib/jquery.js"></script>
<script src="dist/jquery.validate.js"></script>
<script type="text/javascript">
jQuery.browser = {};
(function () {
jQuery.browser.msie = false;
jQuery.browser.version = 0;
if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) {
jQuery.browser.msie = true;
jQuery.browser.version = RegExp.$1;
}
})();
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>
<script type="text/javascript">
$(function () {
$('#contactdate').datepicker({
});
});
</script>
<script language="javascript" type="text/javascript">
function clientShowing(sender) {
}
function clientShown(sender) {
}
function clientHiding(sender) {
}
function clientHidden(sender) {
}
function selectionChanged(sender) {
//alert(sender._selectedTime);
}
</script>
<style type="text/css">
.bs-example {
margin-left: 100px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
var activeViewIndex = <%=myMultiView.ActiveViewIndex %>;
$("#progressbar li").each(function(){
$("#progressbar li").removeClass("active");
})
$("#progressbar li").eq(activeViewIndex).addClass("active");
})
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#progressbar li").each(function () {
$("#progressbar li").removeClass("active");
})
var listString = document.getElementById('HiddenField1').value;
var listArray = listString.split('~');
for (var i = 0; i < listArray.length; i++) {
$("#progressbar li").eq(listArray[i]).addClass("active");
}
var activeViewIndex = <%=myMultiView.ActiveViewIndex %>;
$("#progressbar li").eq(activeViewIndex).addClass("active");
})
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#msform").validate({
rules: {
certsel: "required",
ssn1: "required",
ssn2: "required",
ssn3: "required",
fname: "required",
lname: "required",
email: {
required: true,
email: true
},
address: "required",
city: "required",
county: "required",
state: "required",
zip: "required",
birthmon: "required",
birthday: "required",
birthyr: "required",
ed: "required",
ref1name: "required",
ref1loc: "required",
ref1title: "required",
ref1area: "required",
ref1pre: "required",
ref1suff: "required",
ref2name: "required",
ref2loc: "required",
ref2title: "required",
ref2area: "required",
ref2pre: "required",
ref2suff: "required",
ref3name: "required",
ref3loc: "required",
ref3title: "required",
ref3area: "required",
ref3pre: "required",
ref3suff: "required",
convictions: "required",
txtCaptcha: "required",
nmon: "required",
nday: "required",
nyr: "required",
fullname: "required"
},
messages: {
//This section we need to place our custom validation message for each control.
certsel: "Please select the position for which you're applying.",
ssn1: "Please enter the first 3 digits of your Social Security Number.",
ssn2: "Please enter the 2 digits of your Social Security Number.",
ssn3: "Please enter the 4 digits of your Social Security Number.",
fname: "Please enter your first names.",
lname: "Please enter your last names.",
email: "Please enter your email address.",
address: "Please enter your Address in the space provided.",
city: "Please enter your city in the space provided.",
county: "Please enter your county in the space provided.",
state: "Please enter your state in the space provided.",
zip: "Please enter your zip code in the space provided.",
birthmon: "Please enter your birth month in the space provided.",
birthday: "Please enter your birth day in the space provided.",
birthyr: "Please enter your birth year in the space provided.",
ed: "Please enter your highest level of education or if you have a GED.",
ref1name: "Please enter name for refrence 1.",
ref1loc: "Please enter location for refrence 1.",
ref1title: "Please enter title for refrence 1.",
ref1area: "Please enter area code for refrence 1.",
ref1pre: "Please enter number for refrence 1.",
ref1suff: "Please enter suffix for refrence 1.",
ref2name: "Please enter name for refrence 2.",
ref2loc: "Please enter location for refrence 2.",
ref2title: "Please enter title for refrence 2.",
ref2area: "Please enter area code for refrence 2.",
ref2pre: "Please enter number for refrence 2.",
ref2suff: "Please enter suffix for refrence 2.",
ref3name: "Please enter name for refrence 3.",
ref3loc: "Please enter location for refrence 3.",
ref3title: "Please enter title for refrence 3.",
ref3area: "Please enter area code for refrence 3.",
ref3pre: "Please enter number for refrence 3.",
ref3suff: "Please enter suffix for refrence 3.",
convictions: "Please indicate whether you have had any convictions.",
txtCaptcha: "Please enter the code in the space provided.",
nmon: "Please enter today's month in the space provided.",
nday: "Please enter today's day in the space provided.",
nyr: "Please enter current year in the space provided.",
fullname: "Please enter today's date and your full name in the space provided."
}
});
});
$("#msform").submit(function (evt) {
if (!$(this).valid()) {
evt.preventDefault();
}
});
</script>
<script type="text/javascript">
$(function () {
$('#ssn1,#ssn2,#ssn3').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#harea,#hpre,#hsuff').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#carea,#cpre,#csuff').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#oarea,#opre,#osuff').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#birthmon,#birthday,#birthyr').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#startmon,#startday,#startyr').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#ref1area,#ref1pre,#ref1suff').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#ref2area,#ref2pre,#ref2suff').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#ref3area,#ref3pre,#ref3suff').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#nmon,#nday,#nyr').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
})
</script>
<script type="text/javascript">
$(function () {
$('#harea,#hpre,#hsuff').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#carea,#cpre,#csuff').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#oarea,#opre,#osuff').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
$('#birthmon,#birthday,#birthyr').keyup(function (e) {
if ($(this).val().length == $(this).attr('maxlength'))
$(this).next(':input').focus()
})
})
</script>
<style type="text/css">
label.error
{
color: red;
display: -ms-inline-flex;
}
</style>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
textarea {
width: 300px;
height: 7em;
}
input, select, textarea {
background-color: #0093b2;
color:#fffaf8;
}
</style>
</head>
<body>
<form id="msform" runat="server" enctype="multipart/form-data">
<script type="text/javascript">
$(function () {
$('#btnSave').click(function (e) {
if ($('#<%=chkTerms.ClientID%>').prop('checked')) {
$(".loading").addClass('modal');
$(".loading").show();
}
else {
$('#TermsRequired').show();
$('#boxchk').hide();
e.preventDefault();
}
});
$('#chkTerms').click(function () {
if ($(this).prop('checked')) {
$('#TermsRequired').hide();
}
});
});
</script>
<a href="https://facebook.com/dphc" target="blank"><div class="fa fa-facebook fa-color_facebook fa-2x"></div></a>
<a href="https://plus.google.com/102232378517796421635/dphc" target="blank"><div class="fa fa-google-plus fa-color_gplus fa-2x"></div></a>
<a href="https://www.linkedin.com/dphc" target="blank"><div class="fa fa-linkedin fa-color_linkedin fa-2x"></div></a>
<a href="https://pintrest.com/dphc" target="blank"><div class="fa fa-pinterest fa-color_pintrest fa-2x"></div></a>
<a href="https://twitter.com/dphc" target="blank"><div class="fa fa-twitter fa-color_twitter fa-2x"></div></a>
<a href="#" target="blank"><img src="images/dphc_RAF_trans.png" alt="Refer a friend"height="29" width="30" /></a>
</form>
</body>
</html>
