Form.ts

import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
selector: 'app-booking-create',
templateUrl: './booking-create.component.html',
styleUrls: ['./booking-create.component.css']
})
export class BookingCreateComponent {
bookingForm: FormGroup;

constructor(private fb: FormBuilder) {
this.bookingForm = this.fb.group({
userId: ['', Validators.required],
receiverName: ['', Validators.required],
receiverAddress: ['', Validators.required],
receiverPin: ['', [Validators.required, Validators.pattern('^[0-9]{6}$')]], receiverMobile: ['', [Validators.required, Validators.pattern('^[0-9]{10}$')]],
parcelWeightInGram: ['', [Validators.required, Validators.min(1)]],
parcelContentsDescription: ['', Validators.required],
parcelDeliveryType: ['', Validators.required],
parcelPackingPreference: ['', Validators.required],
parcelPickupTime: ['', Validators.required],
parcelDropoffTime: ['', Validators.required],
parcelServiceCost: ['', [Validators.required, Validators.min(0.01)]],
status: ['PENDING', Validators.required]
});
}

onSubmit() {
if (this.bookingForm.valid) {
console.log('Booking Data:', this.bookingForm.value);
}
}
}