How can i validate the name input with allow numbers

Question

Why the rules are not working? i am using antd inputs, now i want to validate the fields, what thing i need to do to use the rules for the inputs?

<Form form={form} onFinish={onFinish}  onFinishFailed={onFinishFailed}
        autoComplete="off">
        <Form.Item className="form-item" label={'name'} rules={[
          {
            required: true,
            message: 'Please input your name!',
          },
        ]}>
          <Input name='name'  />

        </Form.Item>
       

        <Form.Item>
          <Button type="primary" htmlType="submit">
            submit
          </Button>
        </Form.Item>
      </Form>

i want to validate if 'name' just have letters not numbers, how can i do that?

you can check value of input by using regex /[^0-9]+/.test(name) returns true if there no any number into string — Aloiso Junior, Sep 19 '22 at 18:53
i want to use rules to apply regex rules={[ { required: true, message: 'Please input your name!', }, — letters, Sep 19 '22 at 18:56

Vadym · Accepted Answer · 2022-09-19T19:08:15.070

Try this:

<Form form={form} onFinish={onFinish} onFinishFailed={onFinishFailed}
        autoComplete="off">
        <Form.Item className="form-item" label={'name'}
            rules={[
                {
                    pattern: new RegExp(/^[a-zA-Z]*$/),
                    message: 'No Numbers Allowed'
                },
                {
                    required: true,
                    message: 'Please input your name!',
                }
            ]}>
            <Input name='name' />
    
        </Form.Item>
    
    
        <Form.Item>
            <Button type="primary" htmlType="submit">
                submit
            </Button>
        </Form.Item>
    </Form>;

Will not accept all latin chars such as "á", "é", "ô" etc — Aloiso Junior, Sep 19 '22 at 18:55

How can i validate the name input with allow numbers

1 Answers1