React Hook Form Only Numeric Pattern

Question

I only want numeric character input in the pattern, but it also accepts when I say ms3 for example. I want only numeric characters to be accepted. How do you think I can do?

<td>
                                                    <input
                                                        type="text"
                                                        className="form-control text-uppercase"
                                                        id="date_of_delivery"
                                                        name="date_of_delivery"
                                                        defaultValue={offer.date_of_delivery}
                                                        {...register("date_of_delivery", {
                                                            required: true,
                                                            pattern: /[0-9]/,
                                                        })}
                                                    />
                                                    {errors?.date_of_delivery?.type === "required" &&
                                                        <p>Bu alan zorunludur.</p>}
                                                    {errors?.date_of_delivery?.type === "pattern" && <p>Lütfen sayısal bir değer giriniz.</p>}
                                                </td>

Does this answer your question? input pattern='[a-zA-Z]' is not working in React application — Ghazi
– Ghazi, Commented Jul 25, 2022 at 12:38

Sema Kılıç · Accepted Answer · 2022-07-28 10:01:11Z

<td>
                                                    <input
                                                        type="text"
                                                        className="form-control text-uppercase"
                                                        id="date_of_delivery"
                                                        name="date_of_delivery"
                                                        defaultValue={offer.date_of_delivery}
                                                        {...register("date_of_delivery", {
                                                            required: true,
                                                           pattern: /^[0-9]{11}$/,
                                                        })}
                                                    />
                                                    {errors?.date_of_delivery?.type=== "required" &&<p>Bu alan zorunludur.</p>}
{errors?.date_of_delivery?.type === "pattern" && <p>Lütfen sayısal bir değer  giriniz.</p>}
                                                </td>

Collectives™ on Stack Overflow

React Hook Form Only Numeric Pattern

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related