How to use form validator with Comboxbox, Autocomplete, checkbox, radiobutton, date-picker, drop-down-list, etc

[Davi Daniel Siepmann]

Well, I think it worth having some samples on how to use FormValidator with every user input component.

[Gopi Govindasamy]

Hi Davi Daniel Siepmann,  

We have prepared sample based on your requirement to use form validator to validate the form component(ComboBox, DropDownList, AutoComplete, CheckBox, DatePicker, RadioButton). We have provided form validation to validate the form components. Please find the sample and UG document for your reference.  

Sample Link: https://stackblitz.com/edit/fano27?file=index.ts  

UG Document: https://ej2.syncfusion.com/documentation/form-validator/validation-rules/?no-cache=1#default-rules  

Demos: https://ej2.syncfusion.com/demos/#/material/form-validator/default.html  

Regards, 

Gopi G. 

[Davi Daniel Siepmann]

Thank you so much, appreciate that!

[Prince Oliver]

Hello Davi, 

Most Welcome. We are glad to help you. 

Regards, 

Prince 

[Davi Daniel Siepmann]

We're about to use Texarea, but there's no example on how to use it with form validator, could you advice us, please? Thank you !

[Ashokkumar Balasubramanian]

Hi Davi, 

 

As per your request, we have prepared the sample for form validation in TextArea component. Please find below code block and updated sample. 

 

<div class="form-group" style="padding-top: 11px;"> 

<label>TextArea</label> 

<div> 

<textarea id="textarea" name="textarea" data-required-message="* Please enter the value" required data-msg-containerid="textareaError"></textarea> 

</div> 

<div id="textareaError"></div> 

</div> 

 

Sample: https://stackblitz.com/edit/fano27-hyvecf?file=index.ts 

 

Regards, 

Ashokkumar B. 

[Davi Daniel Siepmann]

You guys are fast as a rocket, thanks!

Just one thing, we came from realizing we can use TextBox with a <textarea> element, it's something new right ?

Anyway, I think we're good to go now.

Have a wonderful week all of you.

[Prince Oliver]

Hello Davi, 

You are most welcome and thank you for the valuable feedback. Yes, you could use <textarea> element with TextBox control for multiline. Kindly refer to following links 

Demo link: https://ej2.syncfusion.com/demos/#/material/textbox/multiline-textbox.html 

UG link: https://ej2.syncfusion.com/documentation/textbox/multiline/?no-cache=1  

Hope you had a great weekend. 

Regards, 

Prince