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

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

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

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

<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桁まで(数字と漢字は入力可能):

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">
ログイン後にコピー

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

<input onkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">
ログイン後にコピー

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

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

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