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的值了

  • 相关阅读:
    线程中消费者生产者的实例代码(synchronized关键字)
    ThreadLocal管理Connection
    ThreadLocal的练习代码
    JDK中线程组ThreadGroup
    创建线程的三种方式
    ES练习代码
    window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法
    ES配置文件中文版
    springmvc工作原理
    IE不兼容document.getElementsByClassName
  • 原文地址:https://www.cnblogs.com/henuyuxiang/p/6829784.html
Copyright © 2011-2022 走看看