Question

我试图仅将用户输入限制为字母，但是由于某些原因，它无法正常工作。我对ReactJS非常陌生，所以也许我的问题就在这里。这是到目前为止我得到的：

<input type="text" pattern="[a-zA-Z]*" placeholder="Add Skill" onChange={this.updateField} />

在这种情况下，

type =“ text”和模式似乎不起作用。

谢谢！

Answer 1

pattern属性用于在提交时对照输入值进行检查。

参考：https://www.w3schools.com/tags/att_input_pattern.asp

要限制用户仅输入字母，可以使用onKeyPress

<input
    type="text"
    onKeyPress={event => (event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122)}
    placeholder="Add Skill"
    onChange={this.updateField}
/>

这是ASCII表：http://www.asciitable.com/

更新

Codepen：https://codepen.io/jeemok/pen/rqJaog

ReactJS-无法将用户输入限制为仅字母

1 个答案:

更新