Maison >interface Web >Tutoriel d'amorçage >Comment soumettre des informations sous forme de bootstrap
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 = 'post' action = 'user_login_submit.action' 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><div 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 = 'post' action = 'user_login_submit.action' >
Le bouton du bouton s'écrit comme suit :
<input type="button" value="" class="btn2" onclick = "checkUser();" />
Recommandé : Tutoriel d'introduction au Bootstrap
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!