Vue-form-generator: How do you validate radio buttons?

[sjordan1975]

Hello

How do you validate radio buttons?

I do not see a validator in validators.js file

[icebob]

How you can validate it? Could you post a fiddle with example?

[sjordan1975]

Hello

I have created a fiddle here: https://jsfiddle.net/sjordan/p66mv49o/8/

Hope you don't mind, I expanded the question to:

• How do I validate radio buttons? (In my example, one value must be selected before the form is allowed to be submitted)

• How do I validate checkbox? (In my example, I want the checkbox to be checked before the form is allowed to be submitted)

[icebob]

Hi, thanks the fiddle. I updated: https://jsfiddle.net/p66mv49o/10/

So I used required validator for radios: validator: VueFormGenerator.validators.required
And created a custom validator for agree checkbox:

validator: function(value) {
    if (value !== true)
        return ["Please agree!"];
}

And you need to define onSubmit handler in the schema.

[sjordan1975]

@icebob Thank you. I'll try to incorporate this into my code.

[zhang-yafei]

@icebob Thank you