Angular Schema Form - "required" not working select and checkbox fields

Question

I'm new to Angular Schema Form and having some issues with select and checkbox fields required validation.

Under $scope.schema I have the select field named designation:

"designation": {
    "title": "Designation",
    "type": "select",
    "default": undefined
}

$scope.form (declaring designation and agreeTerms):

{
    "key": "designation",
    "type": "select",
    "title": "Designation",
    "titleMap": [
        { value: undefined, name: "Select a designation" }, // first value
        { value: "Andersson", name: "Andersson" },
        { value: "Johansson", name: "Johansson" },
        { value: "other", name: "Something else..."}
    ]
},
{
    "key": "agreeTerms",
    "type": "checkbox",
    "title": "I agree to ..."
}

Both designation and agreeTerms are defined in the schema's required property.

When I submit the form, both fields however pass the required validation. What I'm expecting the UI to show are the Required messages underneath/after the fields. That is not happening.

Things I've tried:

assign first value of the select field to '' and null and match that with the schema default value.
change the select field type to object in the schema; this worked and passed the required validation but the property didn't show up in the model

Please help :)

Looks AngularJS not Angular?

siva636
– siva636

2018-05-12 04:53:13 +00:00
Commented May 12, 2018 at 4:53 — siva636
– siva636, Commented May 12, 2018 at 4:53
@siva636 yes my bad. Thanks to yerkon for the edit.

biko
– biko

2018-05-12 05:26:26 +00:00
Commented May 12, 2018 at 5:26 — biko
– biko, Commented May 12, 2018 at 5:26

Anthropic · Accepted Answer · 2018-06-28 09:26:53Z

1

You need to change the schema type to string as select is not a valid schema type property.

"designation": {
    "title": "Designation",
    "type": "string",
    "default": undefined
}

Then in your form tag you should have ng-submit="submitForm(ngform,modelData)":

<form sf-schema="schema" sf-form="form" sf-model="model" ng-submit="submitForm(ngform,modelData)" sf-options="option"></form>

Then within your controller you can broadcast on submit to validate:

$scope.submitForm = function(form) {
    // First we broadcast an event so all fields validate themselves
    $scope.$broadcast('schemaFormValidate');
};

answered Jun 28, 2018 at 9:26

Anthropic

7111 gold badge11 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular Schema Form - "required" not working select and checkbox fields

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related