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

Detaillierte Erklärung zur Verwendung von Element-Plus in Vue3

Inhaltsverzeichnis 1. Installation 2. Importieren...

Vue nutzt Baidu Maps zur Realisierung der Stadtpositionierung

In diesem Artikel wird der spezifische Code von V...

So starten Sie ein Java-Programm im Docker

Erstellen Sie ein einfaches Spring Boot-Webprojek...

Persönliche Meinung: Sprechen Sie über Design

<br />Wählen Sie das praktischste Thema aus....

Linux-Systemaufrufe für Betriebsdateien

Inhaltsverzeichnis 1. Öffnen Sie die Datei Parame...

Grundprinzipien für die Zusammenstellung einer Website-Homepage

1. Die Organisationsstruktur des Hypertext-Dokumen...

Tutorial zu XHTML-Webseiten

Dieser Artikel soll vor allem Anfängern einige gr...

Verbesserung der Aktualisierungsfunktion für Zen-Codierungsressourcen

Offizielle Website: http://code.google.com/p/zen-c...

Detaillierte Erklärung des Unterschieds zwischen Docker-Compose-Ports und Expose

Es gibt zwei Möglichkeiten, Container-Ports in Do...

IE8 Beta 1 hat zwei Bereiche, die Ihre Aufmerksamkeit erfordern

<br />Verwandte Artikel: Web-Kenntnisse: Lös...

Javascript-Betriebsmechanismus „Event Loop“

Inhaltsverzeichnis 1. Vier Konzepte 1. JavaScript...