Maison > interface Web > js tutoriel > JS implémente des fonctions de vérification numérique et par courrier électronique avant de soumettre le formulaire

JS implémente des fonctions de vérification numérique et par courrier électronique avant de soumettre le formulaire

韦小宝
Libérer: 2018-01-08 10:51:29
original
1286 Les gens l'ont consulté

Dans le développement de projets, nous rencontrons souvent la fonction de soumission de formulaire. Aujourd'hui, je prends le temps de partager avec vous JS pour implémenter la fonction de vérification du numéro et de l'e-mail avant de soumettre le formulaire. 🎜>js Pour ceux qui sont intéressés, merci de vous référer à JS pour mettre en place la fonction de vérification des numéros et des adresses email avant de soumettre un formulaire

Personnellement, je pense que lorsqu'un projet permet aux utilisateurs de soumettre un formulaire, le

type de données soumis par l'utilisateur et le contenu sont très incertains, et les utilisateurs peuvent ne pas comprendre pleinement la signification du concepteur. Par conséquent, une relecture avant de soumettre le formulaire est nécessaire. Voici quelques méthodes de relecture. Je suis un débutant, alors donnez-moi quelques conseils. Chaîne JavaScript La fonction de la fonction .replace est de remplacer la correspondance dans la chaîne par un remplacement et de renvoyer la

chaîne

remplacée. L'utilisation est présentée comme suit : La signature de fonction de la fonction de remplacement de
js String est la suivante :

<script type="text/javascript">
 function toVaild(){
  var age = document.getElementById("age").value;
  var email = document.getElementById("email").value;
  if(age==null||age.replace(/(^\s*)|(\s*$)/g, "")==""||age==undefined){        //JavaScript String.replace函数 这里用来去掉空格等于trim
    return false;d
  }else{
    if(isNaN(age)||age<0){       //如果age是特殊的非数字值NaN(或者能被转换为这样的值),返回的值就是true。如果age是其他值,则返回false。
      alert("请输入正确的年龄(数字)")
      document.getElementById("age").focus();
      return false;
    }
  }
  if(email==null||email.replace(/(^\s*)|(\s*$)/g, "")==""||email==undefined){ 
  }else{
    var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; //匹配邮箱
      isok= reg.test(email);
    if(!isok){
      alert("邮箱格式不正确,请重新输入!");
      document.getElementById("email").focus();
      return false;
    }
  }
}
 return true;
</script>
Copier après la connexion
replace(match/* string OR

expression régulière
*/, remplacement/* string OR function*/)

est utilisé pour remplacer la chaîne de La correspondance est remplacée par le remplacement et la chaîne remplacée est renvoyée.

Le premier paramètre est donc généralement une expression régulière, par exemple :
<form action="${pageContext.request.contextPath }/updateinfo" onsubmit="return toVaild()" >
<center>
<input type="text" id="age" placeholder="年龄">
<input id="email" placeholder="email" >
<button type="submit" >保存修改</button> </center>
</form>
Copier après la connexion

replace(/n/g, "h") // Remplacez tous les n de la chaîne par h.

Le deuxième paramètre peut être une chaîne, qui peut contenir le regroupement de l'expression régulière du premier paramètre, par exemple :

replace(/(a){2,2} /g , "$1b") // Remplacez tous les aa de la chaîne par ab.

Résumé

Ce qui précède est le JS introduit par l'éditeur pour implémenter la fonction de vérification du numéro et de l'e-mail avant de soumettre le formulaire, je l'espère. vous sera utile. Tout le monde aide ! !

Recommandations associées :

javascript correspond au code d'expression régulière annoté dans js

Implémentation JS d'un exemple de méthode de déduplication de tableau simple

numéro de téléphone de vérification js et assistance téléphonique +86 expression régulière

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