Soumettre le formulaire : Comment soumettre le formulaire en js

Il existe trois façons de soumettre des formulaires en js. L'une consiste à utiliser le bouton de soumission pour soumettre et déclencher l'événement onclick. L'autre consiste à utiliser le bouton de soumission pour soumettre. , mais déclenchez d'abord l'événement onsubmit.

Implémentation du code du formulaire de soumission js :

1. Utilisez le bouton de soumission pour implémenter la soumission. Lorsque vous cliquez sur le bouton de soumission, l'événement onclick est déclenché et la fonction en JavaScript détermine si. le contenu d'entrée est vide. S'il est vide, renvoyez false et ne soumettez pas s'il n'est pas vide, soumettez-le à l'adresse spécifiée par action.

<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">
    用户帐号<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>

2. Utilisez le bouton bouton pour implémenter la soumission. Lorsque vous cliquez sur le bouton, l'événement onclick est déclenché. La fonction en JavaScript détermine si le contenu d'entrée est vide. renvoie false et ne soumet pas.Si non Si vide, soumettez à l'adresse spécifiée par action Puisque le bouton bouton n'a pas la fonction de soumission automatique, la soumission du formulaire est implémentée directement par js.

<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>

3. Utilisez le bouton de soumission pour implémenter la soumission. Lorsque vous cliquez sur le bouton de soumission, l'événement onsubmit est déclenché en premier et la fonction en JavaScript détermine si le contenu d'entrée est vide. , il renvoie false et ne soumet pas. Si ce n'est pas vide, soumettez à l'adresse spécifiée par l'action.

<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>
    登录密码<input type="password" name="password" size="19" value=""/>      
    <input type=submit name="submit1" value="登陆"> 
</form>

Recommandations associées :

La différence entre la soumission du formulaire js et la soumission de la soumission

Utilisez js pour soumettre le 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!