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

摘要:
在正常情况下,表单提交会将表单中的内容提交到后台。然而,如果某些内容仅用作显示或标记,而不希望被传输到后台,我们采用以下方法:jsp页面如下。我们不想将ID为userIdMark和pwdMark的输入框的值提交到后台。因此,我们需要在提交时将输入框的属性设置为禁用,以便在提交表单时,无法将其值提交到后台以实现目标

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

免责声明:文章转载自《form表单提交时选择性传值到后台》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【shell脚本】匹配函数的正则表达式C语言预处理理论-宏定义2下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue cesium 加载倾斜摄影数据并在上面添加自定义标注【转】

在main.js引入 import Cesium from 'cesium/Cesium'import '../node_modules/cesium/Build/Cesium/Widgets/widgets.css' Vue.prototype.Cesium = Cesium; <br>// 以下是组件内容<br><br...

layui中radio的动态加载(进入修改页面时,设置radio)

动态设置   radio  的值让它处于选中状态 效果图 : 前端代码: <div class="layui-form-item"> <label class="layui-form-label">状态</label> <div class="layui-input-block">...

bootstrap-table:操作栏点击编辑按钮弹出模态框修改数据

核心代码: columns: [ { checkbox:true //第一列显示复选框 },                  ......

Spring MVC使用ModelAndView进行重定向

1、Servlet重定向forward与redirect: 使用servlet重定向有两种方式,一种是forward,另一种就是redirect。forward是服务器内部重定向,客户端并不知道服务器把你当前请求重定向到哪里去了,地址栏的url与你之前访问的url保持不变。redirect则是客户端重定向,是服务器将你当前请求返回,然后给个状态标示给你...

day18_文件的上传和下载学习笔记

1、文件上传的原理分析 什么是文件上传?    要将客户端(浏览器)数据存储到服务器端,而不将数据直接存储到数据库中,而是要将数据存储到服务器所在的磁盘上,这就要使用文件上传。为什么使用文件上传?    通过文件上传,可以将浏览器端的数据直接保存到服务器端。不将数据保存到数据库中,而是保存到服务器磁盘上,这样减少了数据库服务器的压力,对数据的操作更加灵活...

Antd Form表单中Input输入框 在IE9下按下任何按键都会报校验失败

antd Form表单中Input输入框 在IE9下按下任何按键都会报校验失败,导致输入框输入不了任何内容! 可能你的react及react-dom版本由于过高导致antd组件不能兼容,需要对react及react-dom进行降级处理; 在这里附上我的版本号: "antd": "^2.13.14", "react": "^16.2.0","react-d...