Eingabetyp begrenzen (mehrere Methoden)

Eingabetyp begrenzen (mehrere Methoden)
1. Es können nur chinesische Schriftzeichen eingegeben und eingefügt werden
<input onkeyup="Wert=Wert.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/>

3. Es können nur Zahlen eingegeben und eingefügt werden
<input onkeyup="dieser.Wert=dieser.Wert.ersetzen(/\D/g,'')" onafterpaste="dieser.Wert=dieser.Wert.ersetzen(/\D/g,'')" /><br/>
5. Digitales Skript
<input onkeyup="if(/\D/.test(this.value)){alert('Es können nur Zahlen eingegeben werden');this.value='';}"><br/>

6. Es können nur Zahlen und Englisch eingegeben werden
<input onkeyup="Wert=Wert.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br/>

8. Einfaches Verbot der Eingabe chinesischer Schriftzeichen
<input style="ime-mode:disabled">Eingabemethode wird nicht konvertiert, kann aber eingefügt werden<br/>

9. Zahlen und Dezimalstellen eingeben
<input onkeyup="Wert=Wert.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/>

10. Bei der Zeiteingabe können nur Zahlen und z.B. "-" verwendet werden
<input onkeyup="Wert=Wert.replace(/[^\w&=]|_/ig,'')" onblur="Wert=Wert.replace(/[^\w&-]|_/ig,'')" />

JS steuert die Eingabezeichenbegrenzung

Mit der Eingabetaste bewegen Sie den Cursor zum nächsten Eingabefeld.

Code kopieren
Der Code lautet wie folgt:

<input onkeydown="if(event.keyCode==13)event.keyCode=9" > kann nur Chinesisch sein
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> Block-Eingabemethode <input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> Es können nur Englisch und Zahlen eingegeben werden
<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"> Kann nur Zahlen sein
<input onkeyup="Wert=Wert.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">

Kann nur angezeigt, nicht bearbeitet werden

Code kopieren
Der Code lautet wie folgt:

<input readonly value="kann nur angezeigt, nicht geändert werden">kann nur Zahlen eingeben, bestimmt den Wert der Schaltfläche
<Skriptsprache=Javascript>
Funktion onlyNum()
{
wenn(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
Ereignis.Rückgabewert=false;
}
</Skript>
<input onkeydown="onlyNum();">

1. In das Textfeld können nur numerische Codes eingegeben werden (Dezimalpunkte können nicht eingegeben werden)
<input onkeyup="dieser.Wert=dieser.Wert.ersetzen(//D/g,'')" onafterpaste="dieser.Wert=dieser.Wert.ersetzen(//D/g,'')">

2. Es können nur Zahlen und Dezimalstellen eingegeben werden.
<input onkeyup="wenn(isNaN(Wert))execCommand('rückgängig machen')" onafterpaste="wenn(isNaN(Wert))execCommand('rückgängig machen')">
<input name=txt1 onchange="if(//D/.test(this.value)){alert('Es können nur Zahlen eingegeben werden');this.value='';}">

3. Zahlen und Dezimalpunktmethode 2

Code kopieren
Der Code lautet wie folgt:

<Eingabe type = text t_value = "" o_value = "" Onkeypress = "if (! +)?)? $/)) this.o_value = this.value "OnKeyUp =" if (! this.value.match (/^[/+/-]?/d*?/.?/d*? /./d+)?)?$/) this.o_value=this.value "onblur =" if (! .Value = 0+this.value; if (this.value.match (/^/.$/)) this.value = 0; this.o_value = this.value} ">

4. Es können nur Buchstaben und chinesische Schriftzeichen eingegeben werden
<input onkeyup="value=value.replace(/[/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[/d]/g,''))" maxlength=10 name="Zahlen">

5. Es können nur englische Buchstaben und Zahlen eingegeben werden, chinesische Schriftzeichen können nicht eingegeben werden
<input onkeyup="Wert=Wert.replace(/[^/w/.//]/ig,'')">

6. Es können nur Zahlen und Englisch eingegeben werden
<font color="Red">chun</font>
<input onKeyUp="Wert=Wert.replace(/[^/d|chun]/g,'')">
7. Nach dem Komma dürfen höchstens zwei Ziffern stehen (Zahlen und chinesische Schriftzeichen können eingegeben werden), Buchstaben und Operationssymbole können nicht eingegeben werden: <input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">8. Nach dem Komma dürfen höchstens zwei Ziffern stehen (Zahlen, Buchstaben und chinesische Schriftzeichen können eingegeben werden), und Operationssymbole können eingegeben werden:
<Eingabe onkeyup="dieser.Wert=dieser.Wert.ersetzen(/^(/-)*(/d+)/.(/d/d).*$/,'$1$2.$3')">
Es können nur Zahlen, Dezimalstellen, Addition, Subtraktion und Multiplikation verwendet werden.
9. Es können nur Zahlen, Dezimalpunkte und negative Zahlen eingegeben werden

Code kopieren
Der Code lautet wie folgt:

<input name="Eingabe" Typ="Text" onkeyup="JHshNumberText(dieser)" id="Titel">

<script language="javascript" type="text/javascript">Funktion JHshNumberText(a)
{
var fa="";
wenn(a.value.substring(0,1)=="-")
fa="-";
var str=(a.value.replace(/[^0-9.]/g,'')).replace(/[.][0-9]*[.]/, '.');
wenn (str.substring(0,1)==".")
str="0"+str;
a.Wert=fa+str;
}
</Skript>

1. Um das gepunktete Feld beim Drücken der Schaltfläche zu löschen, fügen Sie den Attributwert hideFocus oder HideFocus=true in die Eingabe ein.
<input type="submit" value="Senden" hidefocus="true" />

2. Um nur den Inhalt des Textfelds zu lesen, fügen Sie den Attributwert readonly in der Eingabe hinzu
<input type="text" schreibgeschützt />

3. Verhindern Sie, dass das TEXT-Dokument nach dem Zurückgehen gelöscht wird (der Stilinhalt kann als Klassenreferenz verwendet werden).
<input Typ="Text" Stil="Verhalten:URL(#Standard#Historie speichern);" />

4. Die ENTER-Taste bewegt den Cursor zum nächsten Eingabefeld
<Eingabetyp="text" onkeydown="wenn(event.keyCode==13)event.keyCode=9" />

5. Nur Chinesisch (blinkt)
<Eingabetyp="Text" onkeyup="Wert=Wert.replace(/[ -~]/g,'')" onkeydown="wenn(event.keyCode==13)event.keyCode=9" />

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

7. Nur Zahlen (kein Blinken)
<input type="text" style="ime-mode:disabled" onkeydown="wenn(event.keyCode==13)event.keyCode=9" onkeypress="wenn ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

8. Nur Englisch und Zahlen können eingegeben werden (mit Blinken)
<input type="text" onkeyup="value=value.replace(/[/W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" />

9. Blockeingabemethode
<input type="text" name="url" style="ime-mode: deaktiviert" onkeydown="if(event.keyCode==13)event.keyCode=9" />

10. Es können nur Zahlen, Dezimalpunkte und Minuszeichen (-) eingegeben werden (kein Blinken)
<input onkeypress="wenn (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />

11. Es können nur zwei Dezimalstellen oder drei Dezimalstellen eingegeben werden (blinkt)
<Eingabetyp = "Text" maxlength = "9" onkeyup = "wenn (Wert.match(/^/d{3}$/)) Wert = Wert.replace(Wert,parseInt(Wert/10)) ; Wert = Wert.replace(//./d*/./g,'.')" onkeypress = "wenn ((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || Wert.match(/^/d{3}$/) || //./d{3}$/.test(Wert)) {event.returnValue=false}" />

<<:  Eine kurze Erläuterung der richtigen Vorgehensweise bei der Wiederherstellung von MySQL-Tabellenbereichen

>>:  So schreiben Sie den Nofollow-Tag und verwenden ihn

Artikel empfehlen

Freundliche Alternativen zum Find Tool in Linux

Mit dem Befehl „Find“ können Sie in einem angegeb...

Ein wenig bekanntes JS-Problem: [] == ![] ist wahr, aber {} == !{} ist falsch

konsole.log( [] == ![] ) // wahr console.log( {} ...

VUE implementiert Saugknopf an der Unterseite

In diesem Artikelbeispiel wird der spezifische Co...

Natives JS realisiert zusammengesetzte Bewegungen verschiedener Bewegungen

In diesem Artikel erfahren Sie mehr über eine zus...

Einführung in Javascript DOM, Knoten und Elementerfassung

Inhaltsverzeichnis DOM Knoten Elementknoten: Text...

Detaillierte Analyse der Replikation in MySQL

1.MySQL-Replikationskonzept Dies bedeutet, dass d...

Implementierung des React Page Turner (inkl. Front- und Backend)

Inhaltsverzeichnis Frontend Entwerfen und schreib...

Installieren Sie ein CentOS-System basierend auf WindowsX Hyper-V

Derzeit nutzen die meisten Linux-Benutzer entwede...

Zusammenfassung der Wissenspunkte zum Linux-Datumsbefehl

Verwendung: Datum [Optionen]... [+Format] oder: D...

Spezifische Verwendung von Docker Anonymous Mount und Named Mount

Inhaltsverzeichnis Datenvolumen Anonyme und benan...

Die Darstellung und Öffnungsmethode eines Hyperlinks

<br />Verwandte Artikel: So rufen Sie einen ...

Detaillierte Erklärung zur Verwendung von this.$set in Vue

Inhaltsverzeichnis Verwendung von this.$set in Vu...