Heim  >  Artikel  >  Web-Frontend  >  js schränkt den Eingabeinhalt der Textfeld-Codefreigabe (Kategorie 3)_Javascript-Kenntnisse ein

js schränkt den Eingabeinhalt der Textfeld-Codefreigabe (Kategorie 3)_Javascript-Kenntnisse ein

WBOY
WBOYOriginal
2016-05-16 15:43:561178Durchsuche

Der mit Ihnen geteilte Eingabeinhaltscode für das JavaScript-Einschränkungstextfeld lautet wie folgt

<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>

Operationsrendering:

Lassen Sie mich noch etwas für Sie hinzufügen:

Es dürfen nur bis zu zwei Nachkommastellen stehen (es können weder Zahlen noch chinesische Zeichen eingegeben werden):

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

In das Textfeld können nur numerische Codes eingegeben werden (Dezimalstellen können ebenfalls nicht eingegeben werden)

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

Tatsächlich können Sie auch andere Inhalte einschränken, z. B. nur Briefe. Sie können einige andere Dinge ausprobieren.

Das Obige ist der Eingabeinhaltscode für das JavaScript-Einschränkungstextfeld, der für alle freigegeben ist

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn