JimboFromLimbo

<div id="candidate-check-usi-section">
    <div class="header-container">
        <h2 class="title highlight">Unique Student Identifier</h2>
    </div>
    <div class="candidate-flex-box candidate-check-usi-details-dropdown">
        <label for="candidate-usi-question-y">Do you have a Unique Student Identifier(USI)?
            <spand class="required-field"></spand>
            <input type="radio" id="candidate-usi-question-y" name="usi-question" value="yes" checked="checked"
                   onclick="slideDown('#enter-usi'); slideUpDivclass('#candidate-create-usi-option'); slideUp('#candidate-placeofbirth-section'); uncheck('#create-usi-checkbox'); slideUp('.dropdown-id'); slideUp('#formsofid');"/>
            <label class="answer-label" for="3">Yes</label>

JimboFromLimbo

/*Global styles*/
#container{
    position: relative;
    max-width: 1000px;
    min-width: 320px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;

JimboFromLimbo

<div id="candidate-personal-details-section" class="section">
    <div class="header-container">
        <h2 class="title highlight">Personal Details</h2>
    </div>
    <div id="candidate-student-picture">
        <p>Upload student thing here</p>
    </div>
    <div class="candidate-flex-box candidate-personal-details-dropdown">
        <div class="candidate-details-left">
            <div class="candidate-inner-left">

JimboFromLimbo

	function checksig(){
		for(var i in signaturePads) {
			if (signaturePads[i].isEmpty){
				alert("Please provide the missing signatures.")
				return false;
			}
			else
			{
				alert("why");
				return true;

JimboFromLimbo

		postalcity:("#postal-city").val(),
		//USI
		
		
		existingUSI:$("input[name='usi-question']:checked").val()
		
		
		if ($("input[name='usi-question']:checked").val() == "no")
		{
			createUSI:$("#input[name='create-usi']:checked").val(),

JimboFromLimbo

  var signaturePads = [];
         var studentSignaturePad = new SignaturePad(document.getElementById('student-signature-pad'), {
           backgroundColor: 'rgba(255, 255, 255, 0)',
           penColor: 'rgb(0, 0, 0)'
         });
         var saveButton = document.getElementById('submit');
         var cancelButton = document.getElementById('clear1');

         var trainerSignaturePad = new SignaturePad(document.getElementById('trainer-signature-pad'), {

JimboFromLimbo

var signaturePads = [];
	   var studentSignaturePad = new SignaturePad(document.getElementById('student-signature-pad'), {
		 backgroundColor: 'rgba(255, 255, 255, 0)',
		 penColor: 'rgb(0, 0, 0)'
	   });
	   var saveButton = document.getElementById('submit');
	   var cancelButton = document.getElementById('clear1');

	   signaturePads.push(studentSignaturePad);
	   var signaturePadsContent = signaturePads.indexOf("studentSignaturePad")

JimboFromLimbo

	var signturePads = [];
    var studentSignaturePad = new SignaturePad(document.getElementById('student-signature-pad'), {
      backgroundColor: 'rgba(255, 255, 255, 0)',
      penColor: 'rgb(0, 0, 0)'
    });
    var saveButton = document.getElementById('submit');
    var cancelButton = document.getElementById('clear1');
	signturePads.push(studentSignaturePad);

	// saveButton.addEventListener("click", function (event) {

JimboFromLimbo

function checkSection(element, nextElement) {
	if ($(element).data("required").filled == $(element).data("required").total) {
		$(nextElement).slideDown('slow');
	} else {
		$(nextElement).slideUp('slow');
	}
}

JimboFromLimbo

function checkSection(element, nextElement) {
	if ($(element).data("required").filled == $(element).data("required").total) {
		$(nextElement).slideDown('slow');
	} else {
		$(nextElement).slideUp('slow');
	}
}

function checkField(element, parent) {