如何使用react和javascript检查用户在输入字段中输入的输入是否具有格式为“10h”或“10m”的字符串？

Question

我有一个输入字段。 此输入字段是持续时间字段。

所以用户可以在下面输入时间，

10 小时 10 米

200h 40m 等等。

现在，如果用户输入的持续时间无效，我必须显示一条消息。 所以当用户输入 10 或 200 或 40 时，我应该显示消息无效。

下面是我的代码，

function Parent() {
    return (
        <input 
            ref={inputRef}
        />
        <button onClick= {handleClick}>button</button> //on clicking this button should validate input field
    );
 }

我怎样才能在 javascript 中做到这一点？

有人可以帮我解决这个问题吗？ 谢谢。

Answer 1

    <input 
        ref={inputRef}
        pattern="/^[0-9]+(h|m)$/"
    />

Answer 2

您可以使用正则表达式，您甚至可以定义提取小时和分钟的捕获组。

在 mdn 上查看RegExp 的文档： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp