Maison  >  Article  >  interface Web  >  Explication détaillée sur l'utilisation de la soumission du formulaire de soumission et du bouton en HTML

Explication détaillée sur l'utilisation de la soumission du formulaire de soumission et du bouton en HTML

黄舟
黄舟original
2018-05-25 11:27:5521555parcourir

1. Lorsque le nom d'utilisateur et le mot de passe saisis sont vides, un jugement est requis. À l'heure actuelle, la vérification du nom d'utilisateur et du mot de passe est utilisée. Cela doit être écrit sur la page frontale de jsp. Il existe deux méthodes, l'une consiste à soumettre en utilisant submit ; La première consiste à soumettre en utilisant le bouton.
Méthode 1 :
Insérer une méthode js en tête de la page front-end jsp :

function checkUser(){
   var result = document.getElementById("userid").value;
   var password = document.getElementById("userpassid").value;
   if(result == ""  ){
     alert("用户名不能为空");
     return false;
   }
   if(password == ""  ){
    alert("密码不能为空");
     return false;
   }else{
   return true;
   }
}

Écrivez-la comme ceci sous la forme :

<form id="formid"  name= "myform" method = &#39;post&#39;  action = &#39;user_login_submit.action&#39;
onsubmit = "return checkUser();
" >
            <table width="100%" border="0">
              <tr>
                <td width="60" height="40" align="right">用户名 </td>
                <td><input type="text" value="" class="text2" name = "username" id = "userid"/></td>
              </tr>
              <tr>
                <td width="60" height="40" align="right">密  码 </td>
                <td><input type="password" value="" class="text2" name = "userpass" id = "userpassid"/></td>
              </tr>
              <tr>
                <td width="60" height="40" align="right"> </td>
                <td><p class="c4">
                    <input type="submit" value="" class="btn2"  />

Méthode 2 :

function checkUser(){
   var result = document.getElementById("userid").value;
   var password = document.getElementById("passid").value;
   if(result == ""  ){
     alert("用户名不能为空");
     return false;
   }
   if(password == ""  ){
    alert("密码不能为空");
     return false;
   }
  document.getElementById("formid").submit();
}

Pour rédiger le formulaire, vous devez écrire l'identifiant

<form id="formid" method = &#39;post&#39;  action = &#39;user_login_submit.action&#39;  >

Le bouton bouton s'écrit comme suit :

<input type="button" value="" class="btn2" onclick = "checkUser();" />

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