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

入力タイプの制限(複数の方法)
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でフォントアイコンを使用する方法をお教えします

推薦する

MySQL 5.7 および 8.0 データベースのルート パスワードを忘れた場合の解決策

注: MySQL5.7 で root パスワードをクラックするには、パスワード認証をスキップしてデー...

Dockerプライベート倉庫の構築と利用の詳細説明

イメージは hub.docker.com に保存できますが、ネットワーク速度が比較的遅いです。内部環...

MySQLデータのバックアップとリカバリの実装方法の分析

この記事では、例を使用して MySQL データのバックアップと復元の方法について説明します。ご参考ま...

ES6 配列のコピーおよびフィルメソッド copyWithin() および fill() の具体的な使用法

目次バッチコピー copyWithin()配列を埋めるメソッド fill()指数の計算方法については...

Mysqlの日付と時刻関数を扱う記事

目次序文1. 現在の時刻を取得する1.1 現在の日付と時刻を返す1.2 現在の日付を取得する1.3 ...

CSS の Flex レイアウトを使用してシンプルな縦棒グラフを作成する方法

以下は、Flex レイアウトを使用した棒グラフです。 HTML: <div class=&qu...

Ubuntu 18.04にMySQL 5.7をインストールする

この記事は MySQL 公式サイトを参考にしてまとめたものであり、遭遇したいくつかの問題も記録されて...

面接官はReactのライフサイクルについてよく質問します

ReactライフサイクルReactのライフサイクルを理解するのに役立つ2つの図React ライフサイ...

Reactプロジェクトの新規作成からデプロイまでの実装例

新しいプロジェクトを始めるこの記事では主に、新規プロジェクトを0から1まで取り組むプロセスを記録し、...

Javascript クロージャの使用シナリオの原則の詳細

目次1. 終了2. クロージャの使用シナリオ1.タイムアウトを設定する2. コールバック3. 手ぶれ...

MySQL マスタースレーブレプリケーションプロセスの詳細な説明

1. マスタースレーブレプリケーションとは何ですか?マスター データベースの DDL および DML...

HTML テーブル マークアップ チュートリアル (42): テーブル ヘッダーの水平方向の配置属性 ALIGN

水平方向では、テーブル ヘッダーの配置を左、中央、右に設定できます。基本的な構文<TH ALI...

Linux centos7 に phpMyAdmin をインストールするチュートリアル

yum install httpd php mariadb-server –yランプの動作環境を設定...

JavaScriptはクリックトグル機能を実装します

この記事の例では、クリックして切り替える機能を実装するためのJavaScriptの具体的なコードを参...

MySQL で特殊文字を含むデータベース名を作成する方法の例

序文この記事では、MySQL で特殊文字を使用してデータベース名を作成する方法について説明します。こ...