#一个关于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

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