本文摘自PHP中文网,作者尚,侵删。
当输入用户名和密码为空的时候,需要判断。这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写;有两种方法,一种是用submit提交。一种是用button提交。
方法一:
在jsp的前端页面的头部插入一个js方法:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | 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 ;
}
}
|
在form表单里写成这样:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | < 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" />
|
方法二:
1 2 3 4 5 6 7 8 9 10 11 12 13 | 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();
}
|
form表格的写法,需要写id
1 | < form id = "formid" method = 'post' action = 'user_login_submit.action' >
|
button按钮的写法如下:
1 | < input type = "button" value = "" class = "btn2" onclick = "checkUser();" />
|
推荐:bootstrap入门教程
以上就是bootstrap表单怎么提交信息的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
bootstrap做什么用的?
bootstrap well是什么
bootstrap怎么给input加图标
带你快速打造属于自己的bootstrap站点
css中的bootstrap是指什么
使用bootstrap有什么好处
bootstrap适合做什么网站
bootstrap是哪个组织创立的
什么是bootstrap以及其作用
bootstrap怎么安装
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » bootstrap表单怎么提交信息