ホームページ > ウェブフロントエンド > htmlチュートリアル > 入力ボックスには、関連する数字と文字の組み合わせ (正規表現) のみを入力できます。

入力ボックスには、関連する数字と文字の組み合わせ (正規表現) のみを入力できます。

angryTom
リリース: 2019-11-25 17:12:38
転載
3973 人が閲覧しました

入力ボックスには、関連する数字と文字の組み合わせ (正規表現) のみを入力できます。

はじめに: 同社のウェブサイトにはトライアルユーザーの申し込み画面があり、ユーザーの誤入力を防ぐために適切な入力制御が施されており、ユーザーの入力ミスを防止し、企業の入力ミスを削減することができます。ジャンク データ。もちろん、ジャンク データを大幅に回避するには、バックエンドの正規表現検証を使用するのが最善です。以下は、私が記録した入力によく使用される正規表現です。皆様の利便性を願っています。

(推奨学習: html チュートリアル)

一般的に使用される通常のルールは次のとおりです入力式:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!doctype html>

<html>

    <meta charset="utf-8" />

     

    <body>只允许输入正整数:

        <input type=&#39;text&#39; onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,&#39;&#39;)">

        <br/>

        <br/>只允许输入英文:

        <input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,&#39;&#39;)">

        <br/>

        <br/>只允许允许输入数字和字母:

        <input onKeyUp="value=value.replace(/[\W]/g,&#39;&#39;)">

        <br/>

        <br/>允许输入大小写字母、数字、下划线:

        <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,&#39;&#39;);">

        <br/>

        <br/>允许输入小写字母、数字、下划线:

        <input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,&#39;&#39;);">

        <br/>

        <br/>允许输入数字和小数点:

        <input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,&#39;&#39;)">

        <br/>

        <br/>允许输入中文、数字、英文:

        <input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, &#39;&#39;)">

        <br/>

        <br/>

    </body>

 

</html>

ログイン後にコピー

以上が入力ボックスには、関連する数字と文字の組み合わせ (正規表現) のみを入力できます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:刘锁个人博客
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート