Heim Web-Frontend js-Tutorial So bedienen Sie die alphanumerische Kombination von Vue-Eingabeeingaben und die Länge beträgt weniger als 30

So bedienen Sie die alphanumerische Kombination von Vue-Eingabeeingaben und die Länge beträgt weniger als 30

May 29, 2018 pm 02:55 PM
input 校验 输入

Dieses Mal zeige ich Ihnen, wie Sie die Vue-Eingabe bedienen, um eine Bestätigungsbuchstaben- und Zahlenkombination einzugeben und deren Länge weniger als 30 beträgt. Was sind die Vorsichtsmaßnahmen für die Bedienung der Vue-Eingabe, um einen Bestätigungsbuchstaben einzugeben? Zahlenkombination und die Länge beträgt weniger als 30, wie folgt. Dies ist ein praktischer Fall, schauen wir uns das an.

Der folgende Code dient dazu, dass jeder die alphanumerische Kombination zur Vue-Eingabeüberprüfung mit Ihnen teilt. Die Länge beträgt weniger als 30. Der spezifische Code lautet wie folgt:

<Input v-model="form.glhm" placeholder="请输入关联交易号" style="width:240px" @on-blur="validateJyh(form.glhm)"></Input> 
validateJyh(glhm){//校验关联交易号 
    var reg = /^[A-Za-z0-9]{1,30}$/; 
    if(!reg.test(glhm)){ 
     this.$Message.error("请输入字母或数字组成的交易关联号"); 
     this.form.glhm = &#39;&#39;; 
    } 
   },
Nach dem Login kopieren

Schauen Sie es sich unten in Vue.Js an. Das el-Eingabefeld kann nur zur Eingabe von Zahlen und zur Begrenzung der Anzahl der Ziffern verwendet werden. Es schränkt auch die chinesische Eingabe und das Einfügen ein Geben Sie Chinesisch ein und lassen Sie das Feld leer

var tr = document.getElementById("Id1"), // 取得ID为Id1的tr对象
 inps = tr.getElementsByTagName(&#39;input&#39;); // 从tr 对象中获取所有input对象
for(var i = 0, len = inps.length; i < len; i++) {
 inps[i].value = &#39;&#39;; // 将每一个input的value置为空
}
document.getElementById("t").getElementsByTagName(&#39;input&#39;)[0].value=&#39;&#39;;
Nach dem Login kopieren
Ich glaube, Sie haben diesen Artikel gelesen. Sie beherrschen die Fallmethode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Wie man mit Vue Amap erstellt und eine Echtzeit-Busanwendung erstellt

Anleitung Verwenden Sie Seajs, um eine Schreibvereinbarung zu erfordern

Das obige ist der detaillierte Inhalt vonSo bedienen Sie die alphanumerische Kombination von Vue-Eingabeeingaben und die Länge beträgt weniger als 30. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Deaktivieren des Win11 Input Experience Guide Deaktivieren des Win11 Input Experience Guide Dec 27, 2023 am 11:07 AM

In letzter Zeit sind viele Win11-Benutzer auf das Problem gestoßen, dass das Eingabedialogfeld immer flackert und nicht ausgeschaltet werden kann. Dies wird tatsächlich durch die Standardsystemdienste und -komponenten von Win11 verursacht. Wir müssen zuerst die relevanten Dienste deaktivieren Input Experience Service gelöst, versuchen wir es gemeinsam. So deaktivieren Sie das Eingabeerlebnis in Win11: Klicken Sie im ersten Schritt mit der rechten Maustaste auf das Startmenü und öffnen Sie den „Task-Manager“. Suchen Sie im zweiten Schritt die drei Prozesse „CTF Loader“, „MicrosoftIME“ und „Service Host: Textinput Management Service“. Klicken Sie in der Reihenfolge mit der rechten Maustaste auf „Aufgabe beenden“. Im dritten Schritt öffnen Sie das Startmenü, suchen und öffnen „Dienste“ oben. Suchen Sie im vierten Schritt darin nach „Textinp“.

Bei Windows-Eingaben kommt es zu Hängenbleiben oder hoher Speicherauslastung [Fix] Bei Windows-Eingaben kommt es zu Hängenbleiben oder hoher Speicherauslastung [Fix] Feb 19, 2024 pm 10:48 PM

Die Windows-Eingabeerfahrung ist ein wichtiger Systemdienst, der für die Verarbeitung von Benutzereingaben von verschiedenen Geräten mit menschlicher Schnittstelle verantwortlich ist. Es startet automatisch beim Systemstart und läuft im Hintergrund. Allerdings kann es manchmal vorkommen, dass dieser Dienst automatisch hängt oder zu viel Speicher belegt, was zu einer verringerten Systemleistung führt. Daher ist es wichtig, diesen Prozess rechtzeitig zu überwachen und zu verwalten, um die Systemeffizienz und -stabilität sicherzustellen. In diesem Artikel erfahren Sie, wie Sie Probleme beheben können, bei denen die Windows-Eingabe einfriert oder eine hohe Speicherauslastung verursacht. Der Windows Input Experience Service verfügt über keine Benutzeroberfläche, ist jedoch eng mit der Handhabung grundlegender Systemaufgaben und Funktionen im Zusammenhang mit Eingabegeräten verbunden. Seine Aufgabe besteht darin, dem Windows-System dabei zu helfen, jede vom Benutzer eingegebene Eingabe zu verstehen.

So kapseln Sie Eingabekomponenten und einheitliche Formulardaten in vue3 So kapseln Sie Eingabekomponenten und einheitliche Formulardaten in vue3 May 12, 2023 pm 03:58 PM

Vorbereitung Verwenden Sie vuecreateexample, um ein Projekt zu erstellen. Die Parameter lauten ungefähr wie folgt: Verwenden Sie native Eingaben, bei denen es sich hauptsächlich um Werte und Änderungen handelt. App.tsx lautet wie folgt: import{ref}from'vue';exportdefault{setup(){//username is the data constusername=ref('Zhang San');//Wenn sich das Eingabefeld ändert, synchronisieren Sie die Daten constonInput =;return( )=>({

So implementieren Sie ein verstecktes Laravel-Eingabefeld So implementieren Sie ein verstecktes Laravel-Eingabefeld Dec 12, 2022 am 10:07 AM

So implementieren Sie das ausgeblendete Laravel-Eingabefeld: 1. Suchen und öffnen Sie die Blade-Vorlagendatei. 2. Verwenden Sie die method_field-Methode in der Blade-Vorlage, um ein ausgeblendetes Feld zu erstellen. ".

Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird? Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird? Nov 24, 2023 am 09:44 AM

Lösungen zum Anklicken des Eingabefelds ohne Cursor: 1. Bestätigen Sie den Browser-Cache. 3. Aktualisieren Sie den Browser. 6. Überprüfen Sie die Eingabe Box-Eigenschaften; 7. Debuggen von JavaScript-Code; 8. Überprüfen Sie andere Elemente der Seite. 9. Berücksichtigen Sie die Browserkompatibilität.

Lösen Sie das Eingabeproblem in der Win11-Suchleiste Lösen Sie das Eingabeproblem in der Win11-Suchleiste Dec 26, 2023 pm 12:07 PM

Die Suchleiste ist eine sehr nützliche Funktion im Win11-System, die uns dabei helfen kann, die gewünschten Einstellungen, Funktionen und Dienste zu finden. Einige Freunde sind jedoch auf die Situation gestoßen, dass die Win11-Suchleiste nicht eingegeben werden kann. Wir können die relevanten Daten in der Registrierung ändern, um das Problem zu lösen. Was tun, wenn die Win11-Suchleiste nicht aufgerufen werden kann? 1. Zuerst können wir „win+r“ auf der Tastatur drücken, um „Ausführen“ aufzurufen. 2. Geben Sie dann „regedit“ ein und drücken Sie die Eingabetaste, um den Registrierungseditor zu öffnen. 3. Geben Sie dann im obigen Pfad „HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Expl“ ein

Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten Jun 21, 2023 am 08:12 AM

Vue.js ist ein leichtes JavaScript-Framework, das einfach zu verwenden, effizient und flexibel ist. Es ist derzeit eines der beliebtesten Front-End-Frameworks. In Vue.js sind Eingabefeld-Bindungsereignisse eine sehr häufige Anforderung. In diesem Artikel werden die Eingabefeld-Bindungsereignisse im Vue-Dokument ausführlich vorgestellt. 1. Grundkonzepte In Vue.js bezieht sich das Eingabefeld-Bindungsereignis auf die Bindung des Werts des Eingabefelds an das Datenobjekt der Vue-Instanz, wodurch eine bidirektionale Bindung von Eingabe und Antwort erreicht wird. In Vue.j

So verwenden Sie das Wagenrücklauf-Ereignis und die Überprüfungsfunktion des Eingabefelds im Vue-Dokument So verwenden Sie das Wagenrücklauf-Ereignis und die Überprüfungsfunktion des Eingabefelds im Vue-Dokument Jun 20, 2023 am 09:13 AM

Vue ist ein beliebtes JavaScript-Frontend-Framework mit einem reaktionsfähigen Datenbindungs- und Komponentensystem im Kern. In Vue-Anwendungen ist das Eingabefeld eines der am häufigsten verwendeten UI-Elemente. Wenn der Benutzer Text eingibt, hoffen wir, auf das Wagenrücklaufereignis zu warten und die Eingabe vor dem Absenden zu validieren. In diesem Artikel werden das Eingabeereignis des Eingabefelds und die Verwendung der Überprüfungsfunktion im Vue-Dokument vorgestellt. 1. Das Wagenrücklaufereignis des Eingabefelds in Vue ist sehr einfach.

See all articles