Fix iOS case #7051

by Christian Unigarro

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.min.js"></script>
<form id="commentForm" name="form1" method="post" action="">
  <p>field 1:
    <input required type="text" name="field-1" />
  </p>
  <p>field 2:
    <input required type="text" name="field-2" />
  </p>
  <p>field 3:
    <input required type="text" name="field-3" />
  </p>
  <p>field 4:
    <input required type="text" name="field-4" />
  </p>
  <p>field 5:
    <input required type="text" name="field-5" />
  </p>
  <p>field 6:
    <input required type="text" name="field-6" />
  </p>
  <p>field 7:
    <input required type="text" name="field-7" />
  </p>
  <p>field 8:
    <input required type="text" name="field-8" />
  </p>
  <p>field 9:
    <input required type="text" name="field-9" />
  </p>
  <p>field 10:
    <input required type="text" name="field-10" />
  </p>
  <p>
    <input type="submit" name="Submit" value="Submit" />
  </p>
</form>

SCSS

.has-success {
  border: thin solid green;
}

.has-error {
  border: thin solid red;
}

JavaScript

var customErrorList = [];

$("#commentForm").validate({
  validClass: 'has-success',
  errorClass: 'has-error',
  focusInvalid: false,
  highlight: function(element, errorClass, validClass) {
    // console.log('highlight');
  },
  unhighlight: function(element, errorClass, validClass) {
    // console.log('unhighlight');
  },
	showErrors: function(errorMap, errorList) {
		this.defaultShowErrors();
		
		customErrorList = errorList;
		// console.log()
		// console.log('show errors');
  },
	submitHandler: function(form) {
		alert('fwefwef')
		console.log(customErrorList[0]);
	}
});