bootstrap中怎么实现表单提交信息

bootstrap中怎么实现表单提交信息，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

当输入用户名和密码为空的时候，需要判断。这时候就用到了校验用户名和密码，这个需要在jsp的前端页面写；有两种方法，一种是用submit提交。一种是用button提交。

方法一：

在jsp的前端页面的头部插入一个js方法：

functioncheckUser(){varresult=document.getElementById("userid").value;varpassword=document.getElementById("userpassid").value;if(result==""){alert("用户名不能为空");returnfalse;}if(password==""){alert("密码不能为空");returnfalse;}else{returntrue;}}

在form表单里写成这样：

<formid="formid"name="myform"method='post'action='user_login_submit.action'onsubmit="returncheckUser();"><tablewidth="100%"border="0"><tr><tdwidth="60"height="40"align="right">用户名&nbsp;</td><td><inputtype="text"value=""class="text2"name="username"id="userid"/></td></tr><tr><tdwidth="60"height="40"align="right">密&nbsp;&nbsp;码&nbsp;</td><td><inputtype="password"value=""class="text2"name="userpass"id="userpassid"/></td></tr><tr><tdwidth="60"height="40"align="right">&nbsp;</td><td><divclass="c4"><inputtype="submit"value=""class="btn2"/>

方法二：

functioncheckUser(){varresult=document.getElementById("userid").value;varpassword=document.getElementById("passid").value;if(result==""){alert("用户名不能为空");returnfalse;}if(password==""){alert("密码不能为空");returnfalse;}document.getElementById("formid").submit();}

form表格的写法，需要写id

<formid="formid"method='post'action='user_login_submit.action'>

button按钮的写法如下：

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

关于bootstrap中怎么实现表单提交信息问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注恰卡编程网行业资讯频道了解更多相关知识。