form提交表单 踩坑

最新推荐文章于 2024-01-01 21:15:01 发布
最新推荐文章于 2024-01-01 21:15:01 发布
阅读量621 收藏
点赞数
分类专栏： JavaScript技术积累 踩坑 文章标签： javascript 表格验证
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rickysss/article/details/78839819
版权

1.项目需求表单中一个select选项需要置灰，随后添加 disabled="disabled"属性， 向后台传递时发现后台接收不到值而出现错误。

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

3.解决方法：再写一个隐藏属性，name与select一样，一个用于显示，一个用于传值。<input type="hidden" id="yewuxianPid" name="xxx">

hero-zzzzy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
disabled属性对form表单向后台传值的影响
Sun
04-22 1万+
在form表单里，如果对input加入disabled="disabled"或disabled="true"等属性，form表单提交的时候，就不
一个简单的表单,说说几个踩过的坑
Kind&红衣的博客
06-18 549
jquery+boostrap3CDN:&lt;link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"/&gt; &lt;script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"&gt;&lt;/scr...
form表单提交避坑
Serena_tz的博客
05-06 228
前端开过程，我们经常会遇到表单提交。在使用onsubmit事件时要注意避免可能的坑： html里面要写οnsubmit="return saveForm()"，带return的，这样返回false的话页面才不会跳转。 js里面saveForm()方法里要写return false。 方法名千万不能过于简单，比如save()。一定尽量驼峰状长一些的名字，这个可能被js定义过了，所以会出现问题。 另外，表单提交我们也可以直接在js中绑定事件，html不作操作，注意在一系列逻辑代码的最后加上ret
Form 表单那些坑
binlety
12-16 327
1.表单提交会刷新（跳转），即使button按钮没有定义type <body> <form action="" target="targetIfr"> <iframe name="targetIfr" style="display:none"></iframe> <input type="text" ...
form提交的几种方式（采坑记录）
请你吃王中王博客
05-01 304
1.在<form></form>中直接加入<button></button>，点击button会自动提交表单，不需要onclick 2.在<form></form>中加入 <input type="submit" value="提交">，点击直接提交，并且会提交input中的值。 3.在<form>&l...
vue antd项目实战——checkbox多选框限制选择个数（disable属性与includes方法）
XSL_HR的博客
03-27 3748
vue antd项目实战——checkbox多选框限制选择个数（利用ant design vue中的disabled属性和JavaScript原生的includes方法判断数组中是否含有某个元素）
jquery动态改变form属性提交表单
10-25
在js中动态改变form的属性，满足不同条件的form提交需求，下面有个不错的示例，大家可以参考下
Form提交表单页面刷新不跳转
12-13
1、设计源码 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ... <head> <... charset=utf-8″ />...Form提交表单页面不跳转</title> </head> <b
C# post方式提交Form表单
01-08
C# post方式提交Form表单。 C# post方式提交Form表单，可以支持带参数传入，供大家学习参考。 C# post提交表单。
layui form表单提交后实现自动刷新
10-16
今天小编就为大家分享一篇layui form表单提交后实现自动刷新，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui input标签设置只读 不可编辑 背景灰化
热门推荐
weixiao的博客
01-27 2万+
layui input标签设置只读 不可编辑 背景灰化方法记录： 1、 只读属性+背景灰化：readonly="true"style="background:#CCCCCC" 2、 禁用属性+背景灰化：disabled="disabled"style="background:#CCCCCC" <!-- 设置只读 背景灰化 --> <input type="text" id="name" name="name" style="background:#CCCCCC...
ant-design-vue的form表单全局禁用不生效
最新发布
小马甲
01-01 1225
实际使用`ant-design-vue`在开发表单的时候或许会遇到编辑与查看的需求，但是查看的时候表单不允许编辑，`ant-design-vue`的官方是没有像`element`一样提供全局`disabled`属性的，但是我们对一个一个的`form-item`去添加又有一些麻烦，所以我使用了一个全局`css`属性才设置。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
form内submit按钮的disabled失效?
qq_40457310的博客
02-06 4502
在写表单时经常会为了防止多次提交, 而加入提交按钮一次点击后失效的功能, 但是新手的话有一点小问题要注意 比如下面的例子: <form id='form1'> <input type='text' name='content' /> <button type='submit' name='sub-btn'>Submit</button> </form>var form1 = docuemnt.get
form表单元素设置disabled属性后支持点击click事件
lnkToKing的博客
09-14 7307
<label onclick="alert('holle world')"><input type="checkbox" disabled style="pointer-events:none"></label>在disabled元素外面包一层，可以是label，也可以是其它的元素，然后把事件写在外层元素上，并把disabled元素样式设置成”pointer-events:none”，这个样式是让元
为 rc-Form 添加 获取disabled
qq_33051709的博客
06-06 369
背景 在使用ant表单的时候，当我们需要在校验不通过时，按钮就禁用，但是Form没有给我们提供onDisable的方法，怎么办呢？ 解决办法 通过onValuesChange时进行validate const [disabled, setDisabled] = useState(false);//默认检验不通过 const fieldDisabledRef = useRef({}); const valueChange = changeValue => { if (!for
antd form表单使用的踩坑历程
my__road的博客
11-23 1765
'Instance created by `useForm` is not connect to any Form element.' nameList.map is not a function
解决了一个大问题，select标签设置disable后ie修改默认字体颜色暂时解决，去除了灰色
kiven的博客
03-11 6763
找了很多资料，终于在科学上网后找到了一个方法，虽然暂时不知道原理，但是已经实现了功能就是好的 目前这个样式只支持Ie10以上的 原文来自：http://www.bloggeng.com/archives/229 select[disabled='disabled']::-ms-value { color: #000; }
使用css样式 解决input 设置disabled="true"属性后变为灰色问题
idongit的博客
08-07 1万+
很简单为disabled设置背景颜色为白色（color设置的是input框中值的颜色）   input[disabled]{background:#fff;opacity:1;color:black;}
2021-12-27 input禁用
ZT1090258642的博客
12-27 1636
参考文章： 1.layui input静止输入功能 2.layui标签输入框添加禁止点击标志 需求：input输入框不能编辑，鼠标显示禁选标志 disabled控制input框不能编辑 layui-btn-disabled禁选样式（输入框变灰，并且出现禁选标志；也可以用这个 layui-disabled） <input disabled name="" id="" class="layui-input layui-btn-disabled"/> layui-btn-d
el-form 提交表单
09-05
el-form是Vue.js中的一个表单组件，用于收集用户输入的数据并提交到后台。在这个例子中，el-form被用于提交表单数据。具体的步骤如下： 1. 首先，通过let formData=new FormData()创建一个FormData对象，用于存储表单数据。 2. 接着，在methods中的showData方法中，将表单中的各个字段的值添加到formData对象中，使用formData.append()方法。 3. 然后，调用add(formData)方法将formData对象作为参数传递给add函数，该函数将数据提交到后台[1]。 4. 最后，根据后台返回的数据进行相应的处理。如果返回的数据的code为"0000"，则关闭对话框(this.dialogApp=false)，否则显示错误信息(Message.error(res.data.message))。 总结来说，el-form通过创建一个FormData对象，并将表单数据添加到该对象中，然后通过调用add方法将数据提交到后台。完成表单的提交操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [vue使用element-ui组件，通过el-form进行表单提交](https://blog.csdn.net/jgp1234/article/details/120474380)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作](https://download.csdn.net/download/weixin_38502722/12924507)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值