名前のクロスブラウザJquery正規表現

ラージ

ユーザーにアルファベットのみの入力を許可したい。しかしボタンはHomeEndBackspaceDeleteおよびArrow keysテキストボックス内で動作する必要があります。

これを実現するために、次のjQueryコードを記述しました。

正規表現^[a-zA-Z]*$はChromeでは正常に機能しますが、MozillaFireFoxでは機能しません

$('#Firstname').bind('keypress', function (e) {
 var regex = new RegExp("^[a-zA-Z]*$");
    var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
    if (regex.test(str)) {
        return true;
    }
    return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="Firstname" type="text"/>

ありがとうございました

ctwheels

簡単な

Mozillaのドキュメントによると、KeyboardEvent.charCodeKeyboardEvent.which両方とも非推奨です(非標準charCodeと見なされます)。

charCode

のドキュメントにKeyboardEvent.charCodeは、次のメッセージが含まれています

非標準メッセージ 非推奨のメッセージ 代替メッセージ

これ

のドキュメントにKeyboardEvent.whichは、次のメッセージが含まれています

非推奨のメッセージ


コード

$('#Firstname').bind('keypress', function (e) {
 var regex = new RegExp("^[a-zA-Z]*$");
    if (regex.test(e.key)) {
        return true;
    }
    return false;
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="Firstname" type="text"/>


互換性

私は次のブラウザで答えをテストしました。それぞれが機能します:

また、ブラウザの互換性については、Mozillaのドキュメントを参照してくださいKeyboardEvent.key

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

クロスブラウザの不透明度のためのjavascript正規表現

分類Dev

Jquery / Javascript-正規表現-Safariブラウザでのみエラー

分類Dev

正規表現の名前エラー

分類Dev

名前の正規表現

分類Dev

名前の正規表現

分類Dev

正規表現の名前と名前

分類Dev

正規表現ブロックの正規表現

分類Dev

名前空間付きRubyクラス/モジュール名の正規表現

分類Dev

Python 正規表現スクラブル

分類Dev

固定ブロックの正規表現

分類Dev

このJavaScript正規表現がブラウザでクラッシュするのはなぜですか?

分類Dev

正規表現のラベル-プロメテウス

分類Dev

否定された名前付き正規表現、またはRakuの文字クラス補間

分類Dev

コロンの前にトランスクリプトスピーカー名をキャプチャする正規表現

分類Dev

家系の名前の正規表現

分類Dev

家系の名前の正規表現

分類Dev

名前のJavascript検証正規表現

分類Dev

名前タイプの正規表現

分類Dev

検索:名前の正規表現

分類Dev

文字列からの名前のリストの正規表現

分類Dev

ユーザー名の正規表現

分類Dev

ユーザー名の正規表現?

分類Dev

名前をスクレイピングする正規表現

分類Dev

名前に含まれるbbquote(名前とリンクパス)の正規表現?

分類Dev

正規表現エラーコード名1つのプロジェクト

分類Dev

コロンの前の正規表現

分類Dev

正規表現の対象となるクラス名の省略形

分類Dev

クラス名によるPHP正規表現の一致複数の要素

分類Dev

インデックスベースの正規表現から後方参照の名前ベースの正規表現を取得する

Related 関連記事

  1. 1

    クロスブラウザの不透明度のためのjavascript正規表現

  2. 2

    Jquery / Javascript-正規表現-Safariブラウザでのみエラー

  3. 3

    正規表現の名前エラー

  4. 4

    名前の正規表現

  5. 5

    名前の正規表現

  6. 6

    正規表現の名前と名前

  7. 7

    正規表現ブロックの正規表現

  8. 8

    名前空間付きRubyクラス/モジュール名の正規表現

  9. 9

    Python 正規表現スクラブル

  10. 10

    固定ブロックの正規表現

  11. 11

    このJavaScript正規表現がブラウザでクラッシュするのはなぜですか?

  12. 12

    正規表現のラベル-プロメテウス

  13. 13

    否定された名前付き正規表現、またはRakuの文字クラス補間

  14. 14

    コロンの前にトランスクリプトスピーカー名をキャプチャする正規表現

  15. 15

    家系の名前の正規表現

  16. 16

    家系の名前の正規表現

  17. 17

    名前のJavascript検証正規表現

  18. 18

    名前タイプの正規表現

  19. 19

    検索:名前の正規表現

  20. 20

    文字列からの名前のリストの正規表現

  21. 21

    ユーザー名の正規表現

  22. 22

    ユーザー名の正規表現?

  23. 23

    名前をスクレイピングする正規表現

  24. 24

    名前に含まれるbbquote(名前とリンクパス)の正規表現?

  25. 25

    正規表現エラーコード名1つのプロジェクト

  26. 26

    コロンの前の正規表現

  27. 27

    正規表現の対象となるクラス名の省略形

  28. 28

    クラス名によるPHP正規表現の一致複数の要素

  29. 29

    インデックスベースの正規表現から後方参照の名前ベースの正規表現を取得する

ホットタグ

アーカイブ