validate input field using regex

Asked Mar 29 '20 at 11:42

Active Mar 29 '20 at 11:42

Viewed 11 times

I want my input to show error message when symbols or numbers entered. but when i enter symbols and numbers with letters it won't show the error message. what is the reason for it ?

               <Form.Item {...formItemLayout} label="Name">
                    {getFieldDecorator('name',{
                            rules: [
                                {
                                  pattern:'[a-zA-Z\s]+',
                                  message: 'The input is not a valid',
                                }
                              ],
                        })(
                            <Input
                            name="name"
                        />
                        )

                        }

             </Form.Item>

asked Mar 29 '20 at 11:42

123t

1

You should use `pattern: '^[a-zA-Z\\s]+$'`, `^` and `$` will make sure the whole string should match the pattern. – Wiktor Stribiżew Mar 29 '20 at 11:44
@WiktorStribiżew why did u put // before s ? why not one ? – 123t Mar 29 '20 at 11:50
Try `console.log("\s")` and `console.log("\\s")`, see [this](https://stackoverflow.com/questions/17863066/why-do-regex-constructors-need-to-be-double-escaped) – Wiktor Stribiżew Mar 29 '20 at 11:54
@WiktorStribiżew got it thanks – 123t Mar 29 '20 at 11:57

validate input field using regex

0 Answers0