We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Validation on the RadioButton


Is there any validation implemented in the RadioButton control?

The documentation doesn't mention anything yet I need to show e-error for example if nothing has been chosen.

I'm using reactive forms with


How can I achieve this?

Thanks in advance


1 Reply

SI Silambarasan I Syncfusion Team December 3, 2018 12:24 PM UTC

Hi Paul, 
Thank you for contacting Syncfusion support. 
We have checked your reported requirement “To show an error message for EJ2 RadioButton in reactive forms” and we would like to let you know that it can be achievable by using our form validator as like in the following code example.  
Sample Link:  
    <form [formgroup]="radioForm" novalidate id="formId" (ngsubmit)="onSubmit()"> 
        <div class="row"> 
            <ejs-radiobutton formcontrolname="payment" label="Cash on Delivery" name="payment" value="cashondelivery"></ejs-radiobutton> 
        <div class="row"> 
            <ejs-radiobutton formcontrolname="payment" label="Other Wallets" name="payment" value="others"></ejs-radiobutton> 
        <div *ngif="payment.invalid" class="alert alert-danger"> 
            Select Any payment mode 
        <button id="submit" type="submit" [disabled]="!radioForm.valid">Submit</button> 
import { FormValidators } from '@syncfusion/ej2-angular-inputs'; 
export class AppComponent implements OnInit { 
  radioForm: FormGroup; 
  @ViewChild('formElement') element: any; 
  constructor() { 
    this.radioForm = new FormGroup({ 
      'payment': new FormControl('', [FormValidators.required]) 
  ngOnInit(): void {} 
  get payment() { return this.radioForm.get('payment'); } 
  onSubmit() { 
    let submit: HTMLButtonElement = <HTMLButtonElement>document.getElementById('submit'); 
    if (!submit.disabled) 
Also, please refer our help documentation and sample links. 
Could you please check the above sample and get back to us if you need any further assistance on this? 

Live Chat Icon For mobile
Up arrow icon