如何在 React 中使用 Formik 验证一个输入字段 + 搜索按钮？

Question

我正在尝试使用连接到搜索按钮的单个输入字段来验证使用 Formik 的输入。 这就是我想要实现的目标：

• 我只想接受数字<\/li>
• 如果用户输入字母字符，我想显示一个带有错误消息的 div。<\/li><\/ul>

  我的问题是：

  当我有一个搜索按钮而不是提交按钮时，最好的方法是什么？

  到目前为止，我找到的所有解决方案都带有几个带有提交按钮的输入字段，如下所示：

  https:\/\/formik.org\/docs\/api\/errormessage<\/a>

  到目前为止我的代码：
  

Answer 1

我不确定这是否是您要查找的内容，但是如果用户键入的不是数字，此功能将阻止用户输入输入：

 const handlePreventNonNumericOnKeyPress = e => {
    //on keypress prevent entering nonnumeric values
    //if key code is not between key codes of numeric values from 0 to 9, prevent the action
    if (!(e.which >= 48 && e.which <= 57)) {
        e.preventDefault();
    }
};