【问题标题】:Restrict double minus in mui number textfiled限制 mui 文本字段中的双重减号
【发布时间】:2022-12-18 13:46:29
【问题描述】:

目前,数字类型输入接受双减号(即:--1)。但我只想要一个- 标志。如果用户按下另一个减号,那么它应该 preventDefault()。

在这里找到了一个solution。但它有一些极端情况,例如,如果用户输入“-123”然后返回并删除“-”,则用户不能再次输入“-”。

【问题讨论】:

    标签: input material-ui textfield


    【解决方案1】:

    如果您使用的是 React 或类似框架,则始终可以使用 Onchange 控制值

    onchange={(event)=> {
    if(!event.target.value.search('--') !== -1) {setInputValue(event.target.value)}}}
    value={inputValue}
    

    与当地国家

    const[inputValue,setInputValue] = useState("")
    

    【讨论】:

      猜你喜欢
      • 2013-10-23
      • 2022-07-13
      • 2022-07-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-28
      • 2010-12-07
      • 1970-01-01
      相关资源
      最近更新 更多