Maison > interface Web > js tutoriel > JavaScript implémente une méthode pour contrôler que seuls le chinois, les chiffres et l'anglais peuvent être saisis dans la zone de saisie en fonction des règles habituelles.

JavaScript implémente une méthode pour contrôler que seuls le chinois, les chiffres et l'anglais peuvent être saisis dans la zone de saisie en fonction des règles habituelles.

黄舟
Libérer: 2017-03-23 14:56:24
original
3113 Les gens l'ont consulté

Cet article présente principalement JavaScript pour contrôler que seul le chinois peut être saisi dans l'entrée box, La méthode des nombres et de l'anglais implémente la fonction de restriction de saisie de caractères basée sur une vérification régulière, qui a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer

Cet article décrit un exemple de la façon dont seuls le chinois, les chiffres et. L'anglais peut être saisi dans la zone de saisie du contrôle Javascript. La méthode est partagée avec tout le monde pour votre référence, comme suit :

1 Contexte du problème :

J'ai rencontré un tel problème. problème : Il existe une zone de saisie qui nécessite uniquement de saisir le chinois, les chiffres et l'anglais (c'est-à-dire filtrer caractères spéciaux chaîne)

Code JS :

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("");
 }
}
Copier après la connexion

3. Code HTML de la page :

<input type="text" id="username" onblur="checkUsername()"/>
Copier après la connexion

L'exemple de code complet est le suivant :





Test




<input type="text" id="username" onblur="checkUsername()"/>

Copier après la connexion

Le rendu en cours d'exécution est le suivant :

JavaScript implémente une méthode pour contrôler que seuls le chinois, les chiffres et l'anglais peuvent être saisis dans la zone de saisie en fonction des règles habituelles.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal