reject partial submission if validation fails

If any of the forms to be submitted partially does not validate, then report that form and do not send any data to the server.
This action can be bypassed by setting forceSubmission.

Author: jrief

client/django-formset/DjangoFormset.ts

@@ -8,7 +8,7 @@ import isString from 'lodash.isstring';
 import setDataValue from 'lodash.set';
 import template from 'lodash.template';
 import Sortable, {SortableEvent} from 'sortablejs';
-import {StyleHelpers} from './helpers';
+import {StyleHelpers, compareArrays} from './helpers';
 import {FileUploadWidget} from './FileUploadWidget';
 import {ErrorKey, FieldErrorMessages} from './Widget';
 import {parse} from '../build/tag-attributes';
@@ -2214,7 +2214,19 @@ export class DjangoFormset implements DjangoFormset {
 	async submitPartial(path: Path, extraData?: Object) : Promise<Response|undefined> {
 		if (!this.endpoint)
 			throw new Error("<django-formset> requires attribute 'endpoint=\"server endpoint\"' for submission");
-		this.forms.find(form => isEqual(form.path, path))?.setSubmitted();
+		if (!this.forceSubmission) {
+			const invalidForms = this.forms.filter(form => {
+				if (compareArrays(path, form.path)) {
+					form.setSubmitted();
+					return !form.isValid();
+				}
+			});
+			if (invalidForms.length > 0) {
+				this.clearErrors();
+				invalidForms.forEach(form => form.reportValidity());
+				return;
+			}
+		}
 		const fullPath = ['formset_data', ...path];
 		const extraBody = {_extra: Object.assign({}, this.extraData, extraData)};
 		const body = setDataValue(extraBody, fullPath, getDataValue(this.buildBody(), fullPath));

client/django-formset/helpers.ts

@@ -179,6 +179,15 @@ export function asUTCDate(date: Date) : Date {
 	return new Date(date.getTime() - date.getTimezoneOffset() * 60000);
 }
 
+export function compareArrays(needle: Array<string>, haystack: Array<string>): boolean {
+	for (let k = 0; k < needle.length; k++) {
+		if (haystack.length <= k || needle[k] !== haystack[k]) {
+			return false;
+		}
+	}
+	return true;
+}
+
 export function assert(condition: any, message?: string) {
 	if (!condition) {
 		message = message ? `Assertion failed: ${message}` : "Assertion failed";