AI 助理
备案控制台
开发者社区 云计算 文章 正文

设置为disabled不可用的表单元素的value值无法发送

2018-03-01 1227
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

这里不多做介绍，只是说明一个事实，那就是设置为disabled的表单元素值是无法表单提交的，如下:

 

 
 
 
  
 
   

    
     
 
       
       

        1
       
 		 
       
       
 
        
 
         <
         input 
         type
         =
         "text" 
         value
         =
         "蚂蚁部落" 
         disabled/> 
        
 
       
 		 
     

    
   
 
  
 
 
 

 

以上文本框的value值是无法提交的。
 


 

原文发布时间为：2017-2-13
 

本文作者：admin
 

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落
 

 

原文链接：设置为disabled不可用的表单元素的value值无法发送

                        
                    

                    
                        

                            
                            
                            
                        

                        
                        
                    
                

                


                

                    

                        

                            
                                
                            
                            

                        

                        青衫无名
                        

                        

                    

                    

                        

                            

                            
目录

                        

                        

                    

                

                

                    

                


                

    
相关文章

    

        

            

                

                    微芒不朽
                    
                

                
                
                
                

                    
                

            

            

                

                    
                        element-ui table排序sortable三种状态，怎么去掉默认状态
                    
                    
在  element-ui 中，也定义了 sort-orders 有三种状态： ascending、descending、null，这三种状态形成一个循环切换。



                    

                        

                            

                                微芒不朽
                                
                            

                            2615
                            0
                            
                        

                    

                

                
            

        

        

            

                

                    热爱技术的小郑
                    
                

                |
                
3月前

                |
                

                    JavaScript
                    前端开发
                

            

            

                

                    
                        怎样在vue中隐藏el-form-item中的值、设置输入框的值是只读
                    
                    
这篇文章介绍了在Vue框架中使用Element UI组件库时，如何通过v-if指令和v-model绑定来控制`el-form-item`的显示与隐藏，以及如何通过设置`readonly`属性让输入框变为只读状态。


                    

                        

                            

                                热爱技术的小郑
                                
                            

                            346
                            0
                            
                        

                    

                

                
                    怎样在vue中隐藏el-form-item中的值、设置输入框的值是只读
                
            

        

        

            

                

                    朝阳39
                    
                

                |
                
4月前

                
                

                    
                

            

            

                

                    
                        Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
                    
                    
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数

                    

                        

                            

                                朝阳39
                                
                            

                            695
                            1
                            
                        

                    

                

                
            

        

        

            

                

                    程序员-刘华强
                    
                

                |
                
6月前

                |
                

                    JavaScript
                

            

            

                

                    
                        表单输入绑定 值绑定
                    
                    
表单输入绑定 值绑定

                    

                        

                            

                                程序员-刘华强
                                
                            

                            36
                            0
                            
                        

                    

                

                
            

        

        

            

                

                    GoodTime
                    
                

                
                
                |
                

                    JavaScript
                

            

            

                

                    
                        Element-Ui表单移除校验clearValidate和resetFields
                    
                    
添加和修改公用一个弹窗，点击添加弹窗后，如果没移除表单校验的话，再点击修改弹窗时校验就会被记住，所以需要移除校验，但在清空表单校验时会报如下错误：



那么，你只需要加上这段话即可


this.$nextTick(()=&gt;{
    this.$refs.addArray.resetFields(); 
 })


再此,我顺便说一下resetFields和clearValidate的区别：

 this.$refs.form.resetFields(); //移除表单校验并初始化表单，一般用于.

                    

                        

                            

                                GoodTime
                                
                            

                            779
                            0
                            
                        

                    

                

                
                    Element-Ui表单移除校验clearValidate和resetFields
                
            

        

        

            

                

                    讓丄帝愛伱
                    
                

                
                
                
                

                    
                

            

            

                

                    
                        element中form表单resetFields()方法重置表单无效
                    
                    
element中form表单resetFields()方法重置表单无效

                    

                        

                            

                                讓丄帝愛伱
                                
                            

                            172
                            0
                            
                        

                    

                

                
            

        

        

            

                

                    phubing
                    
                

                
                
                |
                

                    前端开发
                    JavaScript
                    Java
                

            

            

                

                    
                        关于select框下设置了disabled导致前台有值，但后台接收不到的情况记录
                    
                    
在项目（传统JSP）需要改版页面的时候，进入页面前先获取后台传过来的数据，但一部分数据需要设置不可编辑，select框是不支持readonly的，故将select加disabled，此时则引起了一些问题，后台取不到加了disabled属性的值。

                    

                        

                            

                                phubing
                                
                            

                            442
                            0
                            
                        

                    

                

                
                    关于select框下设置了disabled导致前台有值，但后台接收不到的情况记录
                
            

        

        

            

                

                    汪汪队出击
                    
                

                
                
                |
                

                    JavaScript
                

            

            

                

                    
                        Vue表单中判断当前行输入框的值与整个表单的输入框的值是否重复（过滤自身数据）
                    
                    
使用Element输入框自带change事件获取到scope.$index以及input框中的值（@change="change(scope,$event)"）；

使用forEach遍历整个表单的数据(item是需要遍历的数组，index是数组中元素的下标)；

                    

                        

                            

                                汪汪队出击
                                
                            

                            483
                            0
                            
                        

                    

                

                
                    Vue表单中判断当前行输入框的值与整个表单的输入框的值是否重复（过滤自身数据）
                
            

        

        

            

                

                    技术小胖子
                    
                

                
                
                |
                

                    安全
                

            

            

                

                    
                        回发或回调参数无效。在配置中使用 <pages enableEventValidation= "true "/> 或在页面中使用 <%@ Page EnableEventValidation= "true " %> 启用了事件验证
                    
                    

                    

                        

                            

                                技术小胖子
                                
                            

                            2722
                            0
                            
                        

                    

                

                
            

        

        

            

                

                    码农技术君
                    
                

                
                
                |
                

                    前端开发
                

            

            

                

                    
                        前端：input 标签取消账号填充
                    
                    
前端：input 标签取消账号填充

                    

                        

                            

                                码农技术君
                                
                            

                            96
                            0