Как показать ошибку, когда пользователь вводит более одного или одного символа?

Question

Я использую ant design для своего приложения.https://ant.design/components/table/ У меня проблема с проверкой.Я реализовал таблицу в своем демо. Когда я нажимаю кнопку edit, она показывает мне input field

Я могу добавить проверку required. Так что пусто не разрешено. Но я хочу, чтобы пользователь только вводил one или 1 символ внутри поля input, в противном случае отображается ошибка.

Вот мой код https://codesandbox.io/s/thirsty-tesla-1nwph

return (
      <td {...restProps}>
        {editing ? (
          <Form.Item style={{ margin: 0 }}>
            {getFieldDecorator(dataIndex, {
              rules: [
                {
                  required: true,
                  message: `Please Input ${title}!`
                }
              ],
              initialValue: record[dataIndex]
            })(getInput())}
          </Form.Item>
        ) : (
          children
        )}
      </td>
    );
  };

ошибка формы https://ant.design/components/form/

Answer 1

Я могу добавить проверку необходимого. Так что пусто не разрешено. Но я хочу, чтобы пользователь вводил только один или 1 символ в поле ввода, иначе это показывает ошибку.

Если вы говорите «только литерал 1 или one должен быть действительным внутри ввода», вы можете использовать

              rules: [
                {
                  required: true,
                  message: `Please Input ${title}!`
                },
                {
                  pattern: /^(1|one)$/,
                  message: "Only 1 or one are valid"
                }
              ],

Иначе, если это длина, вы можете использовать свойство max.Список всех правил проверки можно посмотреть здесь: https://ant.design/components/form/?locale=en-US#Validation-Rules