如果输入值是空格,则禁用按钮?反应

问题描述 投票:1回答:4

我想禁用按钮,如果输入中的值为空格。不能在React中找到任何有关的内容。

<Button onClick={handleClick} disabled={username === " "} /> //here's my button

现在,它仅在我输入1个空格时才禁用,但我总是希望在有空格时禁用它。谢谢!

javascript reactjs validation
4个回答
1
投票

可以使用Regexp.Test https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test

/\s/.test(username)如果用户名包含any空格,则返回true,否则返回false。


0
投票
<Button onClick={handleClick} disabled={username.includes(" ")} />

<Button onClick={handleClick} disabled={(/\s/g).test(username)} />

0
投票

几种方法:

  1. 检查索引:username.indexOf(' ') >= 0

  2. 检查是否包含:username.includes(' ')

  3. 使用regEx:/\s/g.test(username)


0
投票
  • 您可以includes检查是否存在空格。<Button onClick={handleClick} disabled={username.includes(" ")} />
© www.soinside.com 2019 - 2024. All rights reserved.