入力タイプの制限(複数の方法)

入力タイプの制限(複数の方法)
1. 入力・貼り付けできるのは中国語のみ
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>

3. 数字のみ入力して貼り付けることができます
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" /><br/>
5. デジタルスクリプト
<input onkeyup="if(/\D/.test(this.value)){alert('数字のみ入力できます');this.value='';}"><br/>

6. 数字と英語のみ入力できます
<input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br/>

8. 漢字入力の単純禁止
<input style="ime-mode:disabled">入力方法は変換されませんが、貼り付けることはできます<br/>

9. 数字と小数点を入力する
<input onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>

10. 時間を入力するときは、数字と「-」のみを使用できます。
<input onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&-]|_/ig,'')" />

JSは入力文字数の制限を制御します

ENTER キーを押すとカーソルが次の入力ボックスに移動します。

コードをコピー
コードは次のとおりです。

<input onkeydown="if(event.keyCode==13)event.keyCode=9" > は中国語のみ可能です
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> ブロック入力方式 <input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> 英語と数字のみ入力できます
<input onkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" onkeydown="if(event.keyCode==13)event.keyCode=9"> 数字のみ入力できます
<input onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">

表示のみ可能、編集は不可

コードをコピー
コードは次のとおりです。

<input readonly value="表示のみ可能、変更不可"> 数字のみ入力可能、ボタンの値を決定する
<スクリプト言語=javascript>
関数 onlyNum()
{
if(!((イベント.キーコード>=48&&イベント.キーコード<=57)||(イベント.キーコード>=96&&イベント.キーコード<=105)||(イベント.キーコード==8)))
イベントの戻り値=false;
}
</スクリプト>
<input onkeydown="onlyNum();">

1. テキストボックスには数値コードのみ入力できます(小数点は入力できません)
<input onkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">

2. 入力できるのは数字のみで、小数点も入力できます。
<input onkeyup="if(isNaN(値))execCommand('undo')" onafterpaste="if(isNaN(値))execCommand('undo')">
<input name=txt1 onchange="if(//D/.test(this.value)){alert('数字のみ入力できます');this.value='';}">

3. 数字と小数点法2

コードをコピー
コードは次のとおりです。

<入力型= text t_value = "" o_value = "" onkeypress = "if(!this.value.match(/^[/+/ - ]?/d*?/。?/d*?$/))this.value = this.t_value; /)this.o_value=this.value "onkeyup =" if(!this.value.match(/^[/+/ - ]?/d*/。?/d*?$/))this.value = this.t_value; o_value = this.value "onblur =" if(!this.value.match(/^(?:[/+/ - ]?/d+(?:/./ d+)?|/./ d*?)???$/) /^/.$/))this.value = 0; this.o_value = this.value} ">

4. 文字と漢字のみ入力できます
<input onkeyup="value=value.replace(/[/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[/d]/g,''))" maxlength=10 name="数字">

5. 入力できるのは英語の文字と数字のみで、中国語の文字は入力できません。
<input onkeyup="value=value.replace(/[^/w/.//]/ig,'')">

6. 数字と英語のみ入力できます
<font color="Red">チュン</font>
<input onKeyUp="value=value.replace(/[^/d|chun]/g,'')">
7. 小数点以下は最大 2 桁まで(数字と漢字を入力できます)で、文字と演算記号は入力できません: <input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">8. 小数点以下は最大 2 桁まで(数字、文字、漢字を入力できます)で、演算記号は入力できます:
<input onkeyup="this.value=this.value.replace(/^(/-)*(/d+)/.(/d/d).*$/,'$1$2.$3')">
数字、小数点、加算、減算、乗算のみ使用できます。
9. 数字、小数点、負の数のみ入力できます

コードをコピー
コードは次のとおりです。

<input name="input" type="text" onkeyup="JHshNumberText(this)" id="title">

<script language="javascript" type="text/javascript">関数 JHshNumberText(a)
{
var fa="";
if(a.value.substring(0,1)=="-")
fa="-";
var str=(a.value.replace(/[^0-9.]/g,'')).replace(/[.][0-9]*[.]/, '.');
(str.substring(0,1)==".")の場合
str="0"+str;
a.value=fa+str;
}
</スクリプト>

1. ボタンが押されたときに点線のボックスを消すには、入力に属性値hideFocusまたはHideFocus=trueを追加します。
<input type="submit" value="送信" hidefocus="true" />

2. テキストボックスの内容のみを読み取るには、入力に属性値readonlyを追加します。
<input type="text" 読み取り専用 />

3. 戻った後にTEXTドキュメントがクリアされないようにする(スタイルコンテンツをクラス参照として使用できます)
<input type="text" style="behavior:url(#default#savehistory);" />

4. ENTERキーを押すとカーソルが次の入力ボックスに移動します。
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />

5. 中国語のみ(点滅)
<input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" />

6. 数字のみ(点滅)
<input type="text" onkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" />

7. 数字のみ(点滅なし)
<input type="text" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

8. 英語と数字のみ入力可能(点滅)
<input type="text" onkeyup="value=value.replace(/[/W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" />

9. ブロック入力方式
<input type="text" name="url" style="ime-mode: disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" />

10. 数字、小数点、マイナス記号(-)のみ入力できます(点滅なし)
<input onkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

11. 小数点以下2桁または3桁のみ入力可能(点滅)
<input type="text" maxlength="9" onkeyup="if(value.match(/^/d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(//./d*/./g,'.')" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^/d{3}$/) || //./d{3}$/.test(value)) {event.returnValue=false}" />

<<:  Nofollowタグの書き方と使い方

>>:  CSSでフォントアイコンを使用する方法をお教えします

推薦する

VUE 3 テレポート コンポーネントと使用構文をすぐに使い始める

目次1. テレポートの紹介1.1. 複数のテレポートを使用する2. テレポートを使用する理由3. テ...

Vue の NetEase Cloud Music Player インターフェースを模倣したシンプルな実装プロセス

仕事のプロジェクトのニーズにより、曲の再生が必要となり、さまざまな資料を参考にして、NetEase ...

Dockerコンテナを作成、起動、停止する方法

1. コンテナとは、独立して実行されるアプリケーション、またはアプリケーションのグループとその動作環...

HTML テーブル セルの幅と高さを設定する方法

Web ページを作成するときに、テーブルの幅が揃っていないという問題に遭遇することがよくあります。 ...

CSS3は三角形の連続拡大効果を実現します

1. CSS3の三角形は特殊効果でズームし続けます11.1 画像プレビュー 11.2 index.h...

mysql8.0.11データディレクトリ移行の実装

mysql のデフォルトのストレージ ディレクトリは/var/lib/mysql/です。以下は、デフ...

2列の水平タイムラインを実装するためのVueサンプルコード

目次1.コンポーネントtimelineH.vueを実装する2. コンポーネントの呼び出しこの記事では...

個人的な意見: デザインについて語る

<br />最も実用的なものを選んで話しましょう。まず、勤務先の都市を慎重に選ぶ必要があ...

js が CSS 属性 (値) のサポートを決定して通知する状況の分析

新しい CSS 機能を使用する場合、その互換性は常に考慮されます。おそらく、その互換性、どのブラウザ...

よく使われるシングルページアプリケーションウェブサイト共有

CSS3お願いしますこのウェブサイトを自分で見て、パラメータを変更し、CSS3効果をオン/オフにする...

シェルでパスワードなしでMySQLデータベースに素早くログインする方法

背景Shell の mysql-client を介して MySQL データベースにログインする場合、...

Docker に ElasticSearch 6.x をインストールする詳細なチュートリアル

まず、イメージをプルします(またはコンテナを作成するだけで、自然にプルされます)。 docker p...

Mac ノードの削除と再インストールのケーススタディ

Macノードの削除と再インストール消去 ノード -v sudo npm アンインストール npm -...

CentOS8 Linux 8.0.1905 のインストール手順(図解)

現在、CentOS の最新バージョンは CentOS 8 です。次に、CentOS Linux 8....

Vueはボトムクエリ関数を実装します

この記事では、ボトムクエリ機能を実装するためのVueの具体的なコードを例として紹介します。具体的な内...