Trying to convert a custom form module to the new Extensibility API. I am getting the following error when submitting. https://developers.suitecommerce.com/develop-your-first-extension.html

CustomFormView.prototype.saveForm = function (e) {
		
		e.preventDefault();

		var promise = CustomFormView.prototype.saveForm.call(this, e);

		if (promise) {
			promise
			.fail((jqXhr) => {
				// Do something with the error code.
				jqXhr.preventDefault = true;
				const errorCode =
					jqXhr &&
					jqXhr.responseJSON &&
					jqXhr.responseJSON.errorCode && jqXhr.responseJSON.errorCode;
				})
			.done(() => {
				console.log('done');
				// Do something when the formModel is saved successfully.
			})
			.always(() => {
				console.log('always');
				// Do something always.
			});
		}
		return promise;
	}

Error

shopping_1.js?t=1612980274111:4782 Uncaught TypeError: this.formModel.validate is not a function
    at a.getFormFieldValue (shopping_1.js?t=1612980274111:4782)
    at a.s.onFormFieldChange (shopping.js?t=1612980274111:1)
    at HTMLDivElement.dispatch (shopping.js?t=1612980274111:1)
    at HTMLDivElement.f.handle (shopping.js?t=1612980274111:1)
    at Object.trigger (shopping.js?t=1612980274111:1)
    at Object.simulate (shopping.js?t=1612980274111:1)
    at HTMLDocument.r (shopping.js?t=1612980274111:1)

It's hard to say with this information but the problem is probably within your form view. You're probably either not setting the object's prototype so that it has

validate()

, or you haven't included a

getFormValues

function

yes.. part 4

OK. and do you notice anything significantly different between what I have in my file and yours?

I am not using

this.formModel.on('sync', function () {
            Backbone.history.navigate('preferences', {trigger: true});
        });

That's ok

My save form looks like

CustomFormView.prototype.saveForm = function (e) {
		e.preventDefault();
		var promise = CustomFormView.prototype.saveForm.call(this, e);
		if (promise) {
			promise
			.fail((jqXhr) => {
				// Do something with the error code.
				jqXhr.preventDefault = true;
				const errorCode =
					jqXhr &&
					jqXhr.responseJSON &&
					jqXhr.responseJSON.errorCode && jqXhr.responseJSON.errorCode;
				})
			.done(() => {
				console.log('done');
				// Do something when the formModel is saved successfully.
			})
			.always(() => {
				console.log('always');
				// Do something always.
			});
		}
		return promise;
	}

OK. And on your model, you've not added any validation rules or anything right? It's just the standard model with a url root and the prototype?

Yes

oh I've just noticed

will update

Does this trigger a ss2 path?

Yes