Merge pull request cferdinandi#14 from cferdinandi/development

v1.0.4

dist/js/validate.js

@@ -1,5 +1,5 @@
 /*!
- * validate v1.0.3: A lightweight form validation script that augments native HTML5 form validation elements and attributes.
+ * validate v1.0.4: A lightweight form validation script that augments native HTML5 form validation elements and attributes.
  * (c) 2017 Chris Ferdinandi
  * MIT License
  * http://github.com/cferdinandi/validate
@@ -227,9 +227,10 @@
 
 		// If the field is a radio button and part of a group, error all and get the last item in the group
 		if (field.type === 'radio' && field.name) {
-			var group = field.form.querySelectorAll('[name="' + field.name + '"]');
+			var group = document.getElementsByName(field.name);
 			if (group.length > 0) {
 				for (var i = 0; i < group.length; i++) {
+					if (group[i].form !== field.form) continue; // Only check fields in current form
 					group[i].classList.add(localSettings.fieldClass);
 				}
 				field = group[group.length - 1];
@@ -300,9 +301,10 @@
 
 		// If the field is a radio button and part of a group, remove error from all and get the last item in the group
 		if (field.type === 'radio' && field.name) {
-			var group = field.form.querySelectorAll('[name="' + field.name + '"]');
+			var group = document.getElementsByName(field.name);
 			if (group.length > 0) {
 				for (var i = 0; i < group.length; i++) {
+					if (group[i].form !== field.form) continue; // Only check fields in current form
 					group[i].classList.remove(localSettings.fieldClass);
 				}
 				field = group[group.length - 1];

dist/js/validityState-polyfill.js

@@ -1,5 +1,5 @@
 /*!
- * validate v1.0.3: A lightweight form validation script that augments native HTML5 form validation elements and attributes.
+ * validate v1.0.4: A lightweight form validation script that augments native HTML5 form validation elements and attributes.
  * (c) 2017 Chris Ferdinandi
  * MIT License
  * http://github.com/cferdinandi/validate
@@ -28,6 +28,19 @@
 		var length = field.value.length;
 		var valid = true;
 
+		// If radio group, get selected field
+		if (field.type === 'radio' && field.name) {
+			var group = document.getElementsByName(field.name);
+			if (group.length > 0) {
+				for (var i = 0; i < group.length; i++) {
+					if (group[i].form === field.form && field.checked) {
+						field = group[i];
+						break;
+					}
+				}
+			}
+		}
+
 		// Run validity checks
 		var checkValidity = {
 			badInput: (isNum && length > 0 && !/[-+]?[0-9]/.test(field.value)), // value of a number field is not a number
@@ -61,13 +74,13 @@
 	};
 
 	// If the full set of ValidityState features aren't supported, polyfill
-	if (!supported()) {
+	// if (!supported()) {
 		Object.defineProperty(HTMLInputElement.prototype, 'validity', {
 			get: function ValidityState() {
 				return getValidityState(this);
 			},
 			configurable: true,
 		});
-	}
+	// }
 
 })(window, document);