form表单提交时选择性传值到后台

正常情况下form表单提交会把表单内的内容提交到后台,但是如果有些内容只是作为展示或者是标记而不想传到后台,我们采用如下方法:

jsp页面如下,我们不想提交id为userIdMark和pwdMark的input框的值到后台,所以我们需要在提交时设置input框的属性为disabled,

这样当表单提交时,他们的值就无法提交到后台,从而达到目的

<form action="${path }/manage/logon.do" method="post" id="logonForm">
  <table cellpadding="0" cellspacing="0" border="0">
    <tr height="50">
      <td>
        <input type="text"  id="userIdMark" name="userIdMark" style="line-height:20px; height:20px;width: 150px;"/>
        <input type="hidden"  id="userId" name="userId" style="line-height:20px; height:20px;width: 150px;"/>
      </td>
    </tr>
    <tr height="50">
      <td>
        <input type="password" id="pwdMark" name="pwdMark" style="line-height:20px; height:20px;width: 150px;"/>
        <input type="hidden"  id="pwd" name="pwd" style="line-height:20px; height:20px;width: 150px;"/>
      </td>
    </tr>
    <tr height="60">
      <td>
        <a href="#" id="logon" name="submit" class="login_btn"></a>
      </td>
    </tr>
  </table>
</form>

js代码:

$("#logon").click(function(){
    document.getElementById("userId").value = "admin";
    document.getElementById("pwd").value = "1";
    $("#userIdMark").attr("disabled","disabled");
    $("#pwdMark").attr("disabled","disabled");
    $("#logonForm").submit();
});    

这样后台就只能接收id为userId和pwd的的值,无法接收id为userIdMark和pwdMark的值了

posted @ 2017-05-09 11:32  岁月淡忘了谁  阅读(12780)  评论(0)    收藏  举报