如何在文本框onkeypress事件中允许特殊字符与空格

直接在原有判断条件里加入空格和特殊字符的ASCII码范围即可，修改后的代码如下：

<input maxlength="30" class="form-control" type="text" formControlName="Name"
 onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || event.charCode === 32 || (event.charCode >=33 && event.charCode <=47) || (event.charCode >=58 && event.charCode <=64) || (event.charCode >=91 && event.charCode <=96) || (event.charCode >=123 && event.charCode <=126)">

逻辑说明： #

• 保留原有大小写字母的判断：(event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)
• 新增空格判断：event.charCode === 32（空格的ASCII码为32）
• 新增常见特殊字符的ASCII区间：
  • (event.charCode >=33 && event.charCode <=47)：对应!@#$%^&*()_+-=等符号
  • (event.charCode >=58 && event.charCode <=64)：对应:;<=>?@等符号
  • (event.charCode >=91 && event.charCode <=96)：对应[]^_`等符号
  • (event.charCode >=123 && event.charCode <=126)：对应{|}~等符号

另外已帮你移除代码中重复的maxlength="30"属性。

内容的提问来源于stack exchange，提问作者user3653474