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

时间:2023-12-19 13:02:02

正常情况下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的值了