#一个关于jsp submit的问题# 求html和java web 大牛！
0
悬赏园豆：20
[已解决问题]
解决于 2016-03-18 22:50
各位html或者jsp，java web的前辈们，你们好;
本人大三在校学生，最近在学习java web方面的内容。学了一段时间了，所以准备做一个网站玩玩，既借此巩固技术，也可以提高自己的能力。
好了，前景就介绍到这了，接下来就是遇到的问题了：
现在做一个登录模块，前端是从网上下载的一个模版，现在的问题就是 如何在点击登录按钮以后把user和password传到后台的servlet之中，下面就是这段代码！
<form action="VerifyImage" id="login-form" method="post" autocomplete="off"> <!--这里的VerifyImage是一个之前写的测试的servlet--> <ul class="scr-log-form-list"> <li class="scr-form-item"> <label for="username" class="prefix">Username</label> <input id="username" class="ipt" name="UserName" type="text" placeholder="email/学号"/> </li> <li class="scr-form-item"> <label for="password" class="prefix">Password</label> <input id="password" class="pwd" name="Password" type="password"/> <!-- 记住密码 --> <input id="remember" class="remPwd" name="remember" value="ture" type="checkbox"/> <label for=remmember class="remPwdlaebl">remember me</label> </li> <li class="scr-log-item"> <!-- 这里就是button的位置（请原谅哈，并不是太专业）--> <a id="login" class="log-btn"></a> <span class="login-ina-btn"></span> </li> </ul>
上图：
我的问题就是，如何在这个button上做到类似于这段代码执行的效果：
点击这个按钮以后，可以在提交表单到servlet，使可以在对应的servlet拿到这个值！
就是在servlet里面可以通过
String user=request.getParameters("UserName");
获取到用户输入在前端里面输入的用户名和密码。
还望各位大牛不腻赐教哈！！感激不尽！！
Ps：本人小白，如果能给一个例子，那更感激不尽！
最佳答案
0
如果我没理解错的话，你是想要触发submit()事件，对吧？
授人以鱼不如授人以渔：
你的代码中是修改了form的Button，每个form都需要有一个submit按钮，会自动绑定submit事件。
你可以自定义button的click事件，在事件中触发form的submit事件。
也可以直接修改现在得button使之可以自动触发submit()事件。
最好搜一下form的工作原理，就知道如何触发form的submit事件了。
收获园豆：20
嗯嗯，谢谢！会慢慢努力的！
其他回答(5)
0
input表单一定要把ID NAME都写上,并且大小写相同，有时候会获取不到的。 如果是servlet处理，需要你在config中配置servlet的路径 才可以在form表单中写上servlet的名字提交 配置servlet http://01121264-163-com.iteye.com/blog/1530063
<input class="ipt" name="UserName" id="UserName" type="text" placeholder="email/学号"/>
<input type="submit" name="submit" id="submit" value="提交" class="deal_button"/>
0
别一上来就玩什么 servlet 这些高级货， 先弄清楚基础知识。 表单提交这个应该是基础中的基础了吧。
似乎很有怨念的样子
0
其实没太看明白你想要什么，大概的意思可能是要在自己定义的button中实现表单的submit吧，
你可以随便写个button
<input type="button" onclick="testFn()" value="点击登录" />
在js里写上testFn函数
<script type="text/javascript">
function testFn(){
document.login-form.submit();
}
</script>
这样就实现表单提交的效果啦，希望对你有帮助。
首先还是谢谢你！
这个方法是可以，但是还是没有达到我想要的效果，有没有什么方法在下面的这短代码里面实现submit呢？
<li class="scr-log-item">
<!-- 这里就是button的位置（请原谅哈，并不是太专业）-->
<a id="login" class="log-btn"></a>
<span class="login-ina-btn"></span>
我试这在这里面照你的方法写了一个js，但还是不行唉，你知道是为什么么？
谢谢谢！
@痞小张: document.login-form.submit(); 如果这句话提交不管用的话，也有可能是form的名称的问题，具体没去验证，你可以这写
<form id="form1" name="form1" method="post" target="post_frame"
enctype="multipart/form-data">
<!--里面写你的表单内容-->
<input type="button" onclick="testFn()" value="点击登录" />
</form>
function testFn(){
//可以重新设置跳转的action或者servlet或者要跳转的页面哟 ${ctx}是获取的上下文
//document.form1.action = "${ctx}/cn/com/bcProjectpack_addParentSubmit.ac";
//提交
document.form1.submit();
}
</script>
@痞小张: <iframe name="post_frame" id="post_frame" style="display: none;"></iframe>
@刺风: 还是不行！不过我用了一个简单粗暴的方法，直接把class硬套在了button上：
<li class="scr-log-item">
<!-- <a id="login" class="log-btn" onclick="testB()"></a>-->
<span class="login-ina-btn"></span>
<input type="submit" class="log-btn" value="">
</li>
看起来很奇怪的样子！
也不知道这样会不会对后面进行各种输入验证的时候有没有影响....
@痞小张: 唉....终于看明白你的问题了
就是原本的button 你想换成用a标签去做是吧，但是a标签有href属性所以点击的时候需要这么设置一下
<a id="login" class="log-btn" href="javascript:void(0);" onclick="test()" />
0
我不明白你的需求，我说说我的感受把
首先是不是要一个button，点击实现提交到serlvet又不想用submit，是的话看下面
<input type="button" value="提交" onclick="doSubmit()" />
<script type="text/javascript">
function doSubmit(){
document.form[0].action = "url路径";//这句话你可以不要，看你的路径名需要变不
document.form[0].submit();//这句话就可以提交了
}
</script>
0
给你的按钮添加个点击事件不就行了吗
