Home >Web Front-end >Bootstrap Tutorial >How to submit information in bootstrap form
When the entered username and password are empty, judgment is required. At this time, verification of username and password is used. This needs to be written on the front-end page of jsp; There are two methods, one is to submit using submit. One is to submit using button.
Method 1:
Insert a js method at the head of the jsp front-end page:
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; } }
Write it like this in the form:
<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" />
Method 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(); }
To write the form, you need to write the id
<form id="formid" method = 'post' action = 'user_login_submit.action' >
The button is written as follows:
<input type="button" value="" class="btn2" onclick = "checkUser();" />
Recommendation: bootstrap introductory tutorial
The above is the detailed content of How to submit information in bootstrap form. For more information, please follow other related articles on the PHP Chinese website!