Maison >interface Web >js tutoriel >Partage de trois méthodes de vérification du formulaire de soumission JavaScript

Partage de trois méthodes de vérification du formulaire de soumission JavaScript

黄舟
黄舟original
2017-11-18 14:58:502135parcourir

Dans notre article précédent, nous vous avons présenté plusieurs méthodes de JavaScript pour implémenter la soumission de formulaire. Nous savons tous qu'une vérification est requise avant la soumission du formulaire, nous allons donc vous la présenter aujourd'hui trois méthodes de soumission. soumettre le formulaire après vérification js.
Premier type :

<script type="text/javascript">
         function check(form) {
          if(form.userId.value==&#39;&#39;) {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           } www.jbxue.com
       if(form.password.value==&#39;&#39;){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }
         return true;
         }
</script>
<form action="login.do?act=login" method="post">
用户帐号
  <input type=text name="userId" size="18" value="" >
<br>
 登录密码      
<input type="password" name="password" size="19" value=""/>      
 <input type=submit name="submit1" value="登陆" onclick="return check(this.form)"> 
</form>

Deuxième type

<script type="text/javascript">
         function check(form) {
          if(form.userId.value==&#39;&#39;) {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==&#39;&#39;){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }
         return true;
         }
</script>
<form action="login.do?act=login" method="post" onsubmit="return check(this)">
用户帐号
  <input type=text name="userId" size="18" value="" >
<br> www.jbxue.com
 登录密码      
<input type="password" name="password" size="19" value=""/>      
 <input type=submit name="submit1" value="登陆"> 
</form>

N° Trois. types :

<script type="text/javascript">
         function check(form) {
          if(form.userId.value==&#39;&#39;) {
                alert("请输入用户帐号!");
                form.userId.focus();
                return false;
           }
       if(form.password.value==&#39;&#39;){
                alert("请输入登录密码!");
                form.password.focus();
                return false;
         }
          document.myform.submit();
}
</script>
<form action="login.do?act=login" name="myform" method="post">
用户帐号
  <input type=text name="userId" size="18" value="" >
<br>
 登录密码      
<input type="password" name="password" size="19" value=""/>      
<input type=button name="submit1" value="登陆" onclick="check(this.form)"> 
</form>

Résumé :

Je pense qu'après avoir étudié cet article, vous aurez une certaine compréhension de JavaScript formulaire de soumission de vérification Avec votre compréhension, vous pouvez faire plus d'expansions en fonction du contenu de cet article, afin que cet article puisse en inspirer d'autres !

Recommandations associées

Plusieurs façons de soumettre des formulaires à l'aide de JavaScript

Exemple de formulaire de traitement Javascript (formulaire de soumission javascript)

Une brève description de la façon de soumettre un formulaire à l'aide de JavaScript (Utilisation de JavaScript Submit Formulaire)

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!

Déclaration:
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