如何限制輸入框接受Angular中的特殊字符？

Question

我有一個不應為空且不允許特殊字符的輸入字段。

我有這樣的東西用於驗證：

if (value === '' || !value.trim()) {
      this.invalidNameFeedback = 'This field can not be blank.';
      return false;
    } else if (!value.match(/[\p{Letter}\p{Mark}]+/gu)) {
      this.invalidNameFeedback = 'This field can not contain special characters.';
      return false;
    }

當輸入字母或數字時，這允許使用特殊字符。 我根本不想允許特殊字符。

Answer 1

您可以檢查整個值以僅匹配選定的字符 class 並使用例如.test()

^[\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]+$

查看正則表達式匹配。

例子

if (value === '' || !value.trim()) {
    this.invalidNameFeedback = 'This field can not be blank.';
    return false;
} else if (!/^[\p{Alphabetic}\p{Mark}\p{Decimal_Number}\p{Connector_Punctuation}\p{Join_Control}]+$/u.test(value)) {
    this.invalidNameFeedback = 'This field can not contain special characters.';
    return false;
}