Form validation done, Navbar changed

components/reuseables/CallBackRequest.js

@@ -200,12 +200,15 @@ const CallBackRequest = () => {
                           required
                         type="text" 
                         className="form-control"
+                        onInput={(e) => {
+                              e.target.value = e.target.value.replace(/[^0-9]/g, '');
+                            }}
                             {...register("Mobile", {
                               required: "Enter Your Mobile Number",
                               maxLength: {
-                            value: 10,
+                                value: /^[6-9]\d{9}$/,
                                 message: "Invalid Mobile number",
-                          },
+                              },
                         })}
                       />
                       {errors.Mobile && (
@@ -219,27 +222,15 @@ const CallBackRequest = () => {
                       <div className="form-group">
                         <label>Services</label>
                         <Form.Group>
-                          <Form.Control as="select"
+                          <Form.Control
+                            type="text"
+                            placeholder="Enter Service"
                             required
-                          type="select"
                             {...register("service", {
-                            required: "Select Service",
+                              required: "Enter Service",
                             })}
-                          className="form-select">
-          
-                          <option disabled> Select Service</option>
-                          <option value="Virtual FC & CFO Services">Virtual FC & CFO Services</option>
-                          <option value="Transaction Advisory">Transaction Advisory</option>
-                          <option value="Risk Advisory">Risk Advisory</option>
-                          <option value="Business Advisory">Business Advisory</option>
-                          <option value="Personal Tax">Personal Tax</option>
-                          <option value="Corporate Tax" >Corporate Tax</option>
-                          <option value="Company Law & FEMA">Company Law & FEMA</option>
-                          <option value="Transfer Pricing">Transfer Pricing</option>
-                          <option value="GST & other Indirect Tax">GST & other Indirect Tax</option>
-                          <option value="Family Business Advisory">Family Business Advisory</option>
-                          <option value="Others">Others</option>
-                        </Form.Control>
+                            className="form-control"
+                          />
                           {errors.service && (
                             <span className="error">{errors.service.message}</span>
                           )}

container/Contact/ContactForm.js

@@ -198,10 +198,13 @@ const ContactForm = () => {
                             type="text"
                             placeholder="Mobile"
                             className="text-dark form-control"
+                            onInput={(e) => {
+                              e.target.value = e.target.value.replace(/[^0-9]/g, '');
+                            }}
                             {...register("Mobile", {
                               required: "Enter Your Mobile Number",
                               maxLength: {
-                                value: 10,
+                                value: /^[6-9]\d{9}$/,
                                 message: "Invalid Mobile number",
                               },
                             })}