#一个关于jsp submit的问题# 求html和java web 大牛！

Question

各位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拿到这个值！ <input type="submit" value="登录">     就是在servlet里面可以通过String user=request.getParameters("UserName");获取到用户输入在前端里面输入的用户名和密码。还望各位大牛不腻赐教哈！！感激不尽！！Ps：本人小白，如果能给一个例子，那更感激不尽！

Answer 1

如果我没理解错的话，你是想要触发submit()事件，对吧？

授人以鱼不如授人以渔：

你的代码中是修改了form的Button，每个form都需要有一个submit按钮，会自动绑定submit事件。

你可以自定义button的click事件，在事件中触发form的submit事件。

也可以直接修改现在得button使之可以自动触发submit()事件。

最好搜一下form的工作原理，就知道如何触发form的submit事件了。

Answer 2

别一上来就玩什么  servlet 这些高级货， 先弄清楚基础知识。 表单提交这个应该是基础中的基础了吧。

Answer 3

似乎很有怨念的样子

Answer 4

其实没太看明白你想要什么，大概的意思可能是要在自己定义的button中实现表单的submit吧，

你可以随便写个button 

<input type="button" onclick="testFn()" value="点击登录" />

在js里写上testFn函数

<script type="text/javascript">　　

function testFn(){
document.login-form.submit();
}

</script>

这样就实现表单提交的效果啦，希望对你有帮助。

 

Answer 5

首先还是谢谢你！

这个方法是可以，但是还是没有达到我想要的效果，有没有什么方法在下面的这短代码里面实现submit呢？

<li class="scr-log-item">

<!-- 这里就是button的位置（请原谅哈，并不是太专业）-->

<a id="login" class="log-btn"></a>

<span class="login-ina-btn"></span>

我试这在这里面照你的方法写了一个js，但还是不行唉，你知道是为什么么？

 

谢谢谢！

Answer 6

@痞小张: <iframe name="post_frame" id="post_frame" style="display: none;"></iframe>

Answer 7

@刺风: 还是不行！不过我用了一个简单粗暴的方法，直接把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>

 

看起来很奇怪的样子！

也不知道这样会不会对后面进行各种输入验证的时候有没有影响....

Answer 8

@痞小张: 唉....终于看明白你的问题了

就是原本的button 你想换成用a标签去做是吧，但是a标签有href属性所以点击的时候需要这么设置一下

<a id="login" class="log-btn"  href="javascript:void(0);" onclick="test()"  />

Answer 9

给你的按钮添加个点击事件不就行了吗