Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 15:43:56
Original
1177 Leute haben es durchsucht

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>
Nach dem Login kopieren

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">
Nach dem Login kopieren

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,'')">
Nach dem Login kopieren

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

Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage