v2.1.1 development

[sethsandaru]

Features

• [x] #85 disable specific control(s)
• [x] Server-side validation
• [x] #83 Read-only Form (show data without form-control - like a preview mode)
• [x] #90 type='password' configuration for Text Input control

Bugs

Dunno, let's see

[sethsandaru]

Server-side validation

In case that you want to check more carefully (absolutely we shouldn't trust 100% the data from the clients), then, Server-side Validation would be a great addition.

Also, with Server-side Validation, you may check the data in some special specific business logic regarding your applications.

How server-side validation should work?

Configuration

• In Form Configurations: enable and add your API Endpoint

How it works

• Make a POST Request together with the Form Values to the configured API Endpoint

Request

fetch('<API_ENDPOINT', {
    data: {
        formValues: {/** your form values **/}
    }
});

Response if has errors

HTTP Status: 422 (Required)

{
    "field-name": Array<String>, // fieldName is configured in Vue Form Builder, value should be the error message(s)
}

// example error response
{
    "phone": ["Phone must start with +84"],
    "quantity": [
        "Stock doesn't have enough for this item",
        "You can't order more than 10 for this item"
    ]
}

Response if no error

A Response with HTTP Code 200 would be enough.

[sethsandaru]

@abhimanusharma I have a question regarding the Server-side Validation behaviour. Do you think is it a good idea to show a loading screen while the form doing the XHR request? Or it would be better if the form can disable the button after users pressed it?

[abhimanusharma]

@sethsandaru Actually, I use both. I show a loader on the button and make it disable while the response is being retrieving by the XHR request. This gives a clear idea why the button is disabled and what is happening in the application also user can also see when the button is going to enable again, its when the loader will stop loading.

[sethsandaru]

@abhimanusharma That's cool, thanks for sharing!

[sethsandaru]

On going for the last one - Read-only Form.