Looking for clarification regarding form validation when using SCFormView. Using the GitHub sample code 2020_2, Example-part9. In the past, when validating front-end form data, you would extend the Backbone.Model and use

validation : { }

. However, within @Steve Goldberg example 2020_2 Example-part9, front end form data is validated via

ExampleUserPreferencesModel.prototype.getValidationRules

. Help me understand what the following code does in that example.

ExampleUserPreferencesFormView.prototype.getFormFieldValue = function (input) {
        var field = {
            name: input.attr('name'),
            value: input.val()
        };

        if (!this.formModel.validate(field)) {
            SCFormView.prototype.removeErrorMessage.call(this, field.name)
        }

        return field
    }

😅 Did I not explain it clearly in the article?

So getValidationRules should look something like this? Can we no longer use the second block of code?

MySCModel.prototype.getValidationRules = function () {

        return {
            firstname: [
                function (value, name) {
                    if (typeof value === 'undefined' || value.length === 0 || !value.trim()) {
                        return _('First name is required').translate();
                    }
                }
            ],
            lastname: [
                function (value, name) {
                    if (typeof value === 'undefined' || value.length === 0 || !value.trim()) {
                        return _('Last name is required').translate();
                    }
                }
            ]
        };
    }

validation: {
            firstname: {
                required: true,
                msg: _('First name is required').translate()
            },
            lastname: {
                required: true,
                msg: _('Last name is required').translate()
            }
        }

You're incorrectly using the string 'first name' in the

lastname

block but yes that first block looks fine to me

Is it still possible to use

___.validatePhone

_.validateZipCode

_.validateState

?

So, it is still possible but the impression I got from the developers at the time was that they didn't like the idea of calling those core modules in extensions. I think if you're customising SCA then you're probably OK to use them

@Steve Goldberg How would we continue to use

state: { fn: _.validateState }

to validate the state dropdown?

I don't have any info on that

I ask because the validate method allowed you to pass the value, field, and form data into the function. However, getValidationRules() only contains the value and name of the current input.