【JavaScript】input加上disabled可以不提交name值

最新推荐文章于 2024-01-22 14:25:56 发布
最新推荐文章于 2024-01-22 14:25:56 发布
阅读量2.3k 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fangkang7/article/details/86690598
版权

author：咔咔

wechat：fangkangfk

这个特性以前没有了解到，就是设置了disableed的时候是提交不了name值得

这个特性适合使用在显示隐藏时，隐藏可以不提交数据

在form表单里，如果对input加入disabled="disabled"或disabled="true"等属性，form表单提交的时候，就不会传值到后台。

原因：在HTML页面的某元素加入了disable的属性，那么这个元素只是单单的去给用户去显示，当表单提交时，这个元素不会提交给后台去处理．所以当元素加入了disabled属性，后台是无法得到这个属性的值．
 

咔咔-
关注
专栏目录
html form表单input使用disabled后提交不能获取表单值的解决方法
09-22
第一种方法是通过修改属性值，使用readonly代替disabled，以便表单提交时可以识别input元素的值；第二种方法是创建一个隐藏的input字段，隐藏字段用于提交真实的数据，而禁用字段则作为展示给用户的静态显示。在实际...
【HTML】使用js给input标签增加disabled属性
q8688的博客
12-22 2655
在JavaScript中，您可以通过修改元素的属性来给input元素的radio类型标签增加disabled属性。例如，如果您想禁用所有处于特定状态的按钮，可以检查它们的checked属性或其他相关属性。在上面的代码中，getElementById方法用于选择页面中ID为myInput的input元素。然后，forEach方法用于遍历这些元素，并在满足您设定条件的情况下设置disabled属性为true。在JavaScript中，您可以通过修改元素的属性来给input标签增加disabled属性。
input disabled不能提交表单
李刚的学习专栏
04-07 2万+
今天，在开发过程中发现一个问题，在提交form表单时，有一个input一直不能被提交，后台一直报错！究其原因，是因为该input上设置了disabled属性。然而，有时我们又不得不设置某些元素为不可操作的，建议使用readonly替之。 一、readonly & disabled区别 readonly和disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。
解决disable 属性无法向后台传值
Mr__Ming(QQ：1178889246)的博客
02-27 1179
在form表单中，如果对input加入了disabled="disabled"或者disabled="true"等属性，form表单提交的时候，就不会把值传到后台。原因是：在html页面的某元素加入了disabled的属性,那么这个元素就只是淡淡的去给用户展示，当表单提交时，这个元素就不会提交给后台处理，所以当元素加入了disabled属性之后，后台就无法得到这个属性的值。解决办法： 1、再写一个...
form表单input使用disabled后提交不能获取表单值的解决方法
sunsineq的专栏
06-14 2512
form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法：方法一：使用readonly带替代disabled，即把修改为二者区别：disabled不能接收焦点，使用tab键时将被跳过，可能不是successful的； readonly可以接收焦点但不能被修改，可以使用tab键进行导航，可能是successful的。 注：只有successful的表单元素才是有效数据，即是进行提交后可以获取值。disabled和readonly的文本输入框只能通过脚本进行
2020-11-25
jlsafg的博客
12-15 167
js是什么 什么是js JavaScript一种bai直译du式脚本语言，是一种动态类型、弱类型、基于原zhi型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为
javascript中input中readonly和disabled区别介绍
11-30
它使得用户不能直接编辑这些元素内的文本，但用户仍然可以通过JavaScript或其他编程方式改变其值。当表单被提交时，`readonly`字段的值会作为数据一起发送到服务器。这使得`readonly`适合于那些需要显示但不允许修改...
javascript使用正则控制input输入框允许输入的值方法大全
10-25
<input name="username" type="text" style="ime-mode:disabled"> <input name="username" type="text" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"> ``` 这里`\w`代表匹配任何字母数字字符，包括下划线。...
JavaScript表单即时验证 验证不成功不能提交
10-19
JavaScript表单即时验证是一种在用户填写表单时实时检查输入数据有效性的技术，它提高了用户体验，因为用户在提交前就能看到错误提示，无需等待服务器反馈。这种验证方式通常结合onChange()事件来实现，确保在用户...
vue 设置 input 为不可以编辑的实现方法
10-16
在Vue框架中，如果要设置一个input元素为不可编辑状态，可以使用HTML的`disabled`属性。当`disabled`属性存在时，表单元素不仅会显示为不可用状态，且用户无法修改输入框中的内容。它是最直接的方式，但也会让输入框...
form表单中的Input使用disabled不能提交的解决方法
09-22
form表单中的Input使用disabled导致不能提交，经测试终有一解，具体如下，希望遇到类似问题的朋友可以参考下，希望对大家有所帮助
js动态设置input框不可编辑
最新发布
leo_5210的博客
01-22 1886
readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。3、设置input为不可编辑，双击方法仍然生效解决方法。被禁用的 input 元素是无法使用和无法点击的。disabled 属性规定应该禁用的 元素。readonly 属性规定输入字段为只读。disabled 属性是一个布尔属性。
input标签disabled属性
weixin_42594143的博客
03-02 1451
disabled 属性规定禁用 input 元素。 被禁用的 input 元素既不可用，也不可点击
【学习】原生js学习笔记1：添加class和使input为不可用
weixin_30657541的博客
07-21 146
<input type="checkbox" id="new_check" onChange="noUse()" checked><input type="button" class="new_login_btn2" id="new_login"> <script>var new1=document.getElementById("new_check"...
JQ给页面上的input加disabled属性
我爱吃烧饼
11-22 1万+
加disabled: $("#inputId").attr('disabled','disabled'); 取消disabled: $("#inputId").removeAttr('disabled');
[转]JQuery更改input元素的disabled属性——disabled<——>enabled
诗人江湖老的专栏
04-26 2万+
利用JQuery更改或者原生JavaScript对input元素的disabled属性进行操作，disabled 和 enabled互换的过程，在代码上并不是互逆的~。具体代码如下： document.getElementById("removeButton").disabled = false;//普通Js写法 $("#removeButton").removeAttr("disabled");/
js给页面上所有type='text'的input加disabled属性
JiangBigShrimp的博客
11-17 1万+
js给页面上所有type='text'的input加disabled属性 eg: $(function(){ $('input[type="text"]').attr('disabled','disabled'); });
js动态添加和移除disabled属性和style
热门推荐
一懒毁终生的博客
08-26 9万+
1. js动态添加和移除disabled属性 js操作： function disableTest(element,val){ document.getElementById(element).disabled=val; } document.getElementById("uid").disabled="";  jQuery进行操作： //两种设置disabled属性 $(...
input的disabled属性
woaixuexixixi的博客
06-07 5688
使用input的disabled属性后，无法通过getParameter()方法获取其属性。解决方法:disabled="disabled"  换为 readOnly="readOnly"两者效果一样，都是将编辑框设置为不可编辑状态。但是，readonly可以通过getParamet方法取值。...
JavaScript限制input输入的各种方法汇总
本文主要汇总了JavaScript中对input输入的各种限制方法，包括取消按钮按下时的边框显示、设置文本框为只读、防止浏览器回退时清空文本、使用ENTER键移动光标、限制输入特定字符类型（如中文、数字、英文和数字混合）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

咔咔-

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值