ホームページ > ウェブフロントエンド > jsチュートリアル > jsでテキストボックスの入力内容を制限するコード共有(カテゴリ3)_javascriptスキル

jsでテキストボックスの入力内容を制限するコード共有(カテゴリ3)_javascriptスキル

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-05-16 15:43:56
オリジナル
1250 人が閲覧しました

あなたと共有されたJavaScript制限テキストボックスの入力コンテンツコードは次のとおりです

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

<style type="text/css">

<!--

.STYLE1 {

 color: #0099FF;

 font-weight: bold;

 font-size: x-large;

}

-->

</style>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p> </p>

<p align="center" class="STYLE1">亲,试试效果吧!</p>

<p align="center"><strong>请输入数字或字母</strong>:

 <input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

</p>

<p align="center"><strong>请输入数字,只能输入数字哦</strong>:

 <input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

</p>

<p align="center"><strong>请输入汉字,只能输入汉字哦</strong>:

 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

</p>

ログイン後にコピー

オペレーションレンダリング:

さらにいくつか追加させてください:

小数点以下2桁まで(数字と漢字は入力可能):

1

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">

ログイン後にコピー

テキストボックスには数値コードのみ入力可能(小数点も入力不可)

1

<input onkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">

ログイン後にコピー

実際には、文字のみなど、他のコンテンツを制限することもできます。

上記は、全員で共有するJavaScript制限テキストボックスの入力内容コードです

関連ラベル:
js
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
ノード Js + JS 入力 = document.getElementById
から 1970-01-01 08:00:00
0
0
0
js addClassが機能しない
から 1970-01-01 08:00:00
0
0
0
javascript - jsコードをPythonに変換
から 1970-01-01 08:00:00
0
0
0
jsファイルのコードが見つかりません
から 1970-01-01 08:00:00
0
0
0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート