Heim > Web-Frontend > js-Tutorial > JavaScript basiert auf regulären Regeln, um eine Methode zu implementieren, die kontrolliert, dass nur Chinesisch, Zahlen und Englisch in das Eingabefeld eingegeben werden können.

JavaScript basiert auf regulären Regeln, um eine Methode zu implementieren, die kontrolliert, dass nur Chinesisch, Zahlen und Englisch in das Eingabefeld eingegeben werden können.

黄舟
Freigeben: 2017-03-23 14:56:24
Original
3130 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich JavaScript vorgestellt, um zu steuern, dass nur Chinesisch in die Eingabe eingegeben werden kann Box, Die Methode für Zahlen und Englisch implementiert die Funktion zur Einschränkung der Zeicheneingabe basierend auf einer regelmäßigen Überprüfung, die einen bestimmten Referenzwert hat. Freunde in Not können sich darauf beziehen

Dieser Artikel beschreibt ein Beispiel dafür, wie nur Chinesisch, Zahlen und Englisch kann wie folgt in das Javascript-Steuerelement-Eingabefeld eingegeben werden:

1 Problemhintergrund:

Solch ein Problem aufgetreten Problem: Es gibt ein Eingabefeld, das nur die Eingabe von Chinesisch, Zahlen und Englisch erfordert (d. h. Filter Sonderzeichen Zeichenfolge)

2 🎜>

3. Seiten-HTML-Code:
function checkUsername()
{
 //正则表达式
 var reg = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]+$");
 //获取输入框中的值
 var username = document.getElementById("username").value.trim();
 //判断输入框中有内容
 if(!reg.test(username))
 {
 alert("请输入中文、数字和英文!");
 //输入非法字符,清空输入框
 $("#username").val("");
 }
}
Nach dem Login kopieren

Der vollständige Beispielcode lautet wie folgt:

<input type="text" id="username" onblur="checkUsername()"/>
Nach dem Login kopieren

Das laufende Rendering ist wie folgt:





Test



<input type="text" id="username" onblur="checkUsername()"/>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonJavaScript basiert auf regulären Regeln, um eine Methode zu implementieren, die kontrolliert, dass nur Chinesisch, Zahlen und Englisch in das Eingabefeld eingegeben werden können.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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