入力入力入力ボックスを制限することができる唯一のXXX

入力入力入力ボックスを制限することができる唯一のXXX

  • イベントをonkeyupの使用、中国語入力メソッドの状態では、単に直接文字を入力し、入力漢字の後にEnterキーを押す、つまり、バグがあります
  • で入力した後、のonchangeイベントを使用して、唯一の入力は結果が得られますときにフォーカスを失う、ときの入力だけで応答しません
  • oninputイベント、この2つの問題に最適なソリューションを使用して、テストには他の問題もなかったです。

入力イベントでイベントをトリガすると、正規表現は、文字で(削除)非対応に置き換えられます置き換えられます原理

入力大文字、小文字、数字、アンダースコア:

<input type="text" oninput="value=this.value.replace(/[^\w_]/g,'');"> 
复制代码

小文字、数字を入力し、アンダースコア:

<input type="text" oninput="value=this.value.replace(/[^a-z0-9_]/g,'');"> 
复制代码

数字とポイントを入力します。

<input type="text" oninput="value=value.replace(/[^\d.]/g,'')">
复制代码

入力中国:

<input type="text" oninput="value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">  
复制代码

数字を入力します。

<input type="text" oninput="value=this.value.replace(/\D/g,'')">  
复制代码

英語を入力します。

<input type="text" oninput="value=this.value.replace(/[^a-zA-Z]/g,'')">  
复制代码

中国、数字を入力し、英語:

<input oninput="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">  
复制代码

数字と文字を入力します。

<input oninput="value=value.replace(/[\W]/g,'')">  
复制代码

あなたは文字と数字のみを入力することができ、あなたは中国語を入力することはできません

<input oninput="value=value.replace(/[^\w\.\/]/ig,'')">
复制代码

あなたは数字のみを入力することができますし、

<input oninput="value=value.replace(/[^\d|chun]/g,'')">
复制代码

ます。https://juejin.im/post/5d05e86b6fb9a07ef90c97e9で再現

おすすめ

転載: blog.csdn.net/weixin_34179968/article/details/93176722