zoukankan      html  css  js  c++  java
  • 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; 150px;"/>
            <input type="hidden"  id="userId" name="userId" style="line-height:20px; height:20px; 150px;"/>
          </td>
        </tr>
        <tr height="50">
          <td>
            <input type="password" id="pwdMark" name="pwdMark" style="line-height:20px; height:20px; 150px;"/>
            <input type="hidden"  id="pwd" name="pwd" style="line-height:20px; height:20px; 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的值了

  • 相关阅读:
    软件工程第一次作业
    软件工程第五次作业——结对编程 小学四则运算自动生成程序
    软件工程第四次作业——结对编程第一次作业
    软件工程第三次作业——最大连续子数组和
    软件工程——第二次作业
    第一篇博客——我的大学
    结对编程第二次作业
    结对编程第一次作业
    软件工程第三次作业
    软件工程第二次作业
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6829784.html
Copyright © 2011-2022 走看看