input置为display后，值传不到后台

最新推荐文章于 2021-12-16 21:25:59 发布
最新推荐文章于 2021-12-16 21:25:59 发布
阅读量2.8k 收藏
点赞数 1
分类专栏： web技术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yonghumingshishenme/article/details/9767249
版权
input置为display后，值传不到后台 。悲剧啊，readonly吧
Raptor_pangcx
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue中实现上传文件给后台实例详解
12-01
- 使用axios等HTTP库发送POST请求，携带FormData数据到后台接口。 这个实例展示了如何在Vue项目中实现文件上传的基本流程，实际应用中可能还需要考虑错误处理、进度显示、多文件上传等功能。希望这个详解能帮助你...
js自定义input文件上传样式
10-17
这在很多网页设计中非常有用，因为默认的input元素样式往往不美观，与网站的整体风格不协调。下面详细解释了文章中介绍的两种方法的实现方式以及相关知识点。 ### 方法1：使用辅助div和透明input元素 方法1通过一...
显示和隐藏 div 时，如何达到不影响后台到前端的数据传递问题
qq_36028750的博客
03-25 1775
页面加载时，隐藏div，当执行某些方法后，显示div 情景: 在做绩效考核系统时，需要按照步骤显示 div 并向其传递数据，很奇怪的是，在 div 中使用了 style=" display : none " 样式时，当使用 $("#id").show(); 显示 div，发现从后台传递的数据并没有显示到页面上，此时需要重新找一种加载 div 的方式显示该 div 包含的数据。 <scrip...
display:none; 失效原因
热门推荐
harry_yaya的博客
06-14 2万+
可能是元素之前已经设置了 display的类型，例如： .icon-openEye{ display:inline-block; position: relative; left: -12%; width: 22px; height: 22px; } 此时，我再通过jQuery的方法为该元素添加一个none的class. $('.icon-openEye').addClass('non...
HTML,form表单中input框点击提交问题
WHY_222的博客
03-09 2838
问题：在form表单中，input框按回车会自动触发form提交表单 问题说明：（以下情况都是在form表单中） 1.默认情况下，单个输入框，无论按钮的type类型是submit还是button或是没有button，按回车就会自动提交 2.当button的type="submit"时，无论有几个文本输入框，回车均提交（butto...
display = 'none' still posted to server
xx_forestking的专栏
09-25 120
经测试，display='none'的&lt;input&gt;,其值任然是能够被传递到server端。
display各个属性值详解
Elena_cc的博客
05-12 1万+
display属性值详解display属性取值有很多，可能的取值在下图中列出： 我们先来看看常见的四种值：inline,block,inline-block，none.1.block单独占一行，可以设置width,height，maigin四个方向，padding四个方向； 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度；2.inline多个内联元素占
LayUI动态设置checkbox不显示的解决方法
10-16
对于使用LayUI开发的后台管理系统来说，用户可能在界面上看不到这个checkbox，但是点击相关的提交按钮时，它依然可以被表单一起提交。 另外，在LayUI中，也可以使用lay-filter来控制表单元素的显示。例如，在一个...
无刷新上传文件并返回自定义值
09-03
总的来说，无刷新上传文件通过隐藏的iframe实现了异步提交，而JavaScript的事件监听机制使得我们可以获取到后台返回的自定义值，从而在不刷新页面的情况下进行交互。这种方法提高了用户体验，降低了网络延迟，是现代...
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
10-15
删除和修改图片涉及到与服务器的通信，并且删除操作通常不可逆转，因此应谨慎处理。删除操作可以简单地通过AJAX向服务器发送请求，服务器接收请求后删除指定路径下的文件，然后返回操作结果。 图片修改通常包含两个...
display none隐藏后如果表单有数值，那么他的数值还存在！
setsunadoudou的博客
09-09 1239
以前以为display:none后他的值就不存在了， display:none隐藏后如果表单有数值，那么他的数值还存在。(项目出了问题！！) <!DOCTYPE html PUBLIC "-//W3C...
display:none;和 visibility: hidden;知多少
骆天一
10-20 502
关于如何解决块级元素消失底下的元素自动上移的问题
JSP、JS通过Servlet传值向input赋值问题及disabled 后无法传值到后台解决
weixin_44739184的博客
12-16 2232
今天做东西的发现表单使用disabled="disabled"后为表单里面的数据不能更改，但是如果想获取表单里面的数据之后，打印出来的是空值；但是我为了完成更新数据的功能使id属性不可以改变，就遇到了如下问题： disabled="disabled"用到表单上面之后为什么表单里面的数据提交不成功的问题；又通过方法二引出两个隐藏input的方法-type=‘hidden’和style=‘display：none’。
display：none的表单也会被提交
笔记
07-04 4995
如题 1、单区域设置为display:none也会被提交 2、设置为disabled属性的表单的不会被提交 3、表单多个同名字段，在前面的生效,多个字段可以用数组的形式
springboot框架 html 添加页面点击按钮从后台获取值,如何把值传到添加页面,图和通过ajax进行判断值是否正确,不正确给出弹窗停止执行,正确继教执行.html的添加页面中的其它字段的值不受影响
最新发布
06-09
首先，在Spring Boot框架中，您可以使用Thymeleaf模板引擎来渲染HTML页面。在HTML页面中，您可以使用表单来收集用户的输入，并通过提交表单将数据发送回后台。在您的情况下，您需要向添加页面添加一个按钮，在用户点击该按钮时触发一个JavaScript函数来获取值并将其传递回后台。您可以使用jQuery库来简化这个过程。 以下是一个示例HTML页面，其中包含一个表单和一个按钮： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Add Page</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function() { $("#submitButton").click(function() { var value = $("#inputValue").val(); $.ajax({ url: "/checkValue", type: "POST", data: {value: value}, success: function(result) { if (result == "true") { // continue with form submission $("#addForm").submit(); } else { // display error message alert("Invalid value!"); } } }); }); }); </script> </head> <body> <form id="addForm" method="POST" action="/add"> <label for="inputValue">Input Value:</label> <input type="text" id="inputValue" name="inputValue" required> <button type="button" id="submitButton">Submit</button> <!-- other form fields here --> </form> </body> </html> ``` 在这个示例中，我们首先引入了jQuery库。然后，我们使用JavaScript代码来为按钮添加一个单击事件处理程序。当用户单击按钮时，我们获取输入值并使用AJAX将其发送回后台。我们使用POST请求将值发送到“/checkValue”端点。在后台，您需要编写一个控制器方法来处理这个请求并返回一个布尔值，表示输入是否有效。 如果输入有效，我们将继续提交表单。否则，我们将显示一个警告框，停止执行。 请注意，我们将按钮类型设置为“button”，而不是默认的“submit”类型。这是因为我们需要在单击按钮时执行JavaScript代码，而不是直接提交表单。如果您使用默认的“submit”类型，表单将在单击按钮时立即提交，而不会触发JavaScript代码。 希望这可以帮助您解决问题！
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值