easyui input设置为disabled提交后获取不到属性值

简介: 在做网站管理后台的用户修改功能时,由于当前用户修改个人信息时规定用户名不能修改,故使用了input标签的disabled属性,但是在提交数据后却发现用户名显示为空了。后来一查才知道input设置为disabled值时会有下面的限制:1、不能接收焦点;2、使用tab键时将被跳过;3、可能不是successful的。

在做网站管理后台的用户修改功能时,由于当前用户修改个人信息时规定用户名不能修改,故使用了input标签的disabled属性,但是在提交数据后却发现用户名显示为空了。后

来一查才知道input设置为disabled值时会有下面的限制:
1、不能接收焦点;
2、使用tab键时将被跳过;
3、可能不是successful的。

 

解决方法是:可以使用readonly=”readonly”属性代替即可,而input设置为readonly属性也有一些限制:
1、可以接收焦点,但不能被修改;
2、可以使用tab键进行导航;
3、可能是successful的。

因为只有successful的表单元素才是有效的数据,也就是可以进行提交。

PS:disabled和readonly的文本输入框只能通过脚本去进行修改value属性。

相关文章
|
6月前
easyUI 设置datagrid的行高 + 文字超宽换行
easyUI 设置datagrid的行高 + 文字超宽换行
108 0
|
6月前
easyui datebox 设置只读
easyui datebox 设置只读
|
7月前
39EasyUI 数据网格- 条件设置行背景颜色
39EasyUI 数据网格- 条件设置行背景颜色
24 0
|
7月前
28EasyUI 数据网格- 设置排序
28EasyUI 数据网格- 设置排序
12 0
|
7月前
|
JavaScript 前端开发
25EasyUI 数据网格- 设置冻结列
25EasyUI 数据网格- 设置冻结列
63 0
|
前端开发 测试技术
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
279 0
|
JavaScript 前端开发
Easyui layout设置满屏效果
html文件: DOCTYPE html> Easyui Layout全屏 north region west content east region south region 全屏取消全屏   js文件: $.
2319 0
|
JavaScript
Easyui 页面设置加载完成之后,满屏
js文件: if(top.location!=self.location){ top.location.href=self.location; }
1615 0