入力タイプの制限（複数の方法）

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でフォントアイコンを使用する方法をお教えします