没有空格的文本输入？

Posted 2023-04-18

【中文标题】没有空格的文本输入？

【英文标题】：Texinput without whitespace?

【发布时间】：2019-04-18 02:33:02

【问题描述】：

当用户在填充文本输入字段时输入空格时，我需要提醒。到那时，我不希望键盘消失。我不知道该怎么做？

【问题讨论】：

意味着你不需要在文本之间有任何空格？

@RutvikBhatt 是的。但是在我发出警报之后或在我希望用户输入没有空格之前留在那里。就像如果用户确实输入了“智能”+“”，那么我会发出警报，但是当用户关闭时，警报输入必须保持为“智能并且他/她可以继续打字，并且标记将保持闪烁。

【参考方案1】：

您可以为此使用regex。

import React,  Component  from "react";
import   View, TextInput  from "react-native";


class App extends Component 

  state = 
     text : ''
  

  hasWhiteSpace(s) 
    let regSpace= new RegExp(/\s/);
    // Check for white space
    if (regSpace.test(s)) 
      //your logic
      alert("Please Check Your Fields For Spaces");
      return false;
     else 
       this.setState( text:s )
    
    return true;
  

  render() 
    return (
      <View>
         <TextInput
            style= height: 40, borderColor: "gray", borderWidth: 1 
            onChangeText=text => 
            this.hasWhiteSpace(text);
          
          value=this.state.text
        />
      </View>
    );
  


export default App;

工作示例

https://codesandbox.io/embed/04jl3800vw

【讨论】：

谢谢。我也这样做了。但我想以这样的方式做到这一点。在我发出警报之后或在我希望用户输入没有空格之前留在那里。就像如果用户确实输入了“智能”+“”，那么我会发出警报，但是当用户关闭时，警报输入必须保持为“智能并且她/他可以继续输入并且标记将保持闪烁”

最好显示 toast 消息（通知）而不是警报。像这样...github.com/fkhadra/react-toastify

感谢您的两次退货。我很欣赏你提到的祝酒词。在这种情况下，它实际上比警觉要好。