easyui的input标签设置禁止输入

最新推荐文章于 2023-06-09 16:46:07 发布
最新推荐文章于 2023-06-09 16:46:07 发布
阅读量1.5k 收藏
点赞数
分类专栏： easyui jquery 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46056841/article/details/105584553
版权

easyui的input标签设置禁止输入

最简单的方法就是在input标签中加上readonly=“readonly”

<div style="margin-bottom:10px" >
	<input class="easyui-numberbox" label="电 话:" prompt="1111" style="width:100%" readonly="readonly">
</div>
抓瓦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于easyui-textbox的颜色选择器及源码
01-31
基于easyui中的textbox输入框自定义的颜色选择器及源码
Easyui设置easyui-textbox不可编辑
流萤飞火的博客
12-14 1万+
在easyui里由于easyui-textbox被封装，通过一般的jquery方法无法实现禁止输入的效果 通过F12可以看到，自己写的input被设置为display：none，并且在下方又添加了一个id="-easyui-textbox-input1"的input。其中input1是第几个class为easyui-textbox的输入框就是input几 百度后发现下列方法可以实现 禁
【Uniapp】uni-easyinput组件修改在禁用（disabled）情况下的默认样式
学无止境
06-09 2200
【代码】【Uniapp】uni-easyinput组件修改在禁用（disabled）情况下的默认样式。
工作常见问题
快乐学代码
12-09 872
C端 1.关于底部遮挡问题 底部按钮遮挡内容（苹果X） 在上边的区域加上 padding-bottom: calc(110rpx + env(safe-area-inset-bottom)); 2.下拉刷新 参考页面 pages/coupon/center/index pages/setGame/gameList onPullDownRefresh:function(){ ​ this.couponActivityList = [];//下拉列表为空 ​ this.pageIndex =
input标签实现让光标不出现！
卡布洛技术专栏
06-16 4万+
最近遇到一个很让人着急的问题，我在运用input的标签的时候，我不想让光标出现，因为input内容是系统给定的，不让用户更改。 可能有人会说，直接用div模拟一个input出来，这样在条件允许的情况下也是比较好的选择，但很遗憾，我的条件不允许我模拟，就必须用input！ 这时候很自然的想到了input标签的readOnly属性，设置上之后，发现点击的时候，虽然不能更改内容，但是有小光标出现，要
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
09-03
总之，解决EasyUI自定义标签datagrid edit combobox手动输入保存不上的问题，关键在于正确地利用`onEndEdit`事件，获取并处理用户在combobox中的输入。通过这种方式，可以确保用户的所有修改都能够被正确地保存，...
如何使用jquery easyui创建标签组件
12-28
本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板，你可以使用标签在同一个页面上显示不同的实体。 标签一次只能显示一个面板，每个面板都有标题、图表和关闭按钮。当标签被选中之后...
EasyUI textbox事件，EasyUI textbox input events
12-10
在使用UasyUI的时候，在一般的input输入框上添加class="easyui-textbox"属性，则在该输入框上添加的事件将不起作用，但是如果去掉class="easyui-textbox"变成一般的input则起作用。 控件的生成原理，它是把你原有的...
使input文本框不可编辑的3种方法
yyjourney的博客
10-16 1万+
在项目中，总会遇到对input文本框属性的改变。 disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或
EasyUI常用控件的禁用方法
jumtre的专栏
03-05 2万+
input和textarea： $('#controlid').prop('disabled', true); $('input:not(:button,:hidden)').prop('disabled', true);//禁用除button和hidden控件外的所有input控件 $('textarea').prop('disabled', true); radio和check
浅谈EasyUI常用控件的禁用方法
11-26
如下所示： input和textarea： $('#controlid').prop('disabled', true); $('input:not(:button,:hidden)').prop('disabled', true);//禁用除button和hidden控件外的所有input控件 $('textarea').prop('disabled', true); radio和checkbox： $('input:radio[name="radioname"]').prop('disabled', true); $('input:checkbox[name="checkbox
easyUI input 获取值,赋值，禁用
HDXxiazai的博客
10-13 1260
input 获取值 <input type="text" name="projectId" id="projectId" class="easyui-textbox"/> 取值： $('#projectId').textbox('getValue') 赋值： $('#projectId').textbox('setValue', data.projectId); 禁用： $('#projectId').textbox({editable:false}); <input.
easyui的combobox禁止写入
afdasfggasdf的博客
02-14 1627
这样写是不行的不能选中， /* $('#editScmethod').combobox({ editable:false }); */  只能写在input里面 &lt;input id="editScmethod" data-options="valueField:'id',textField:'methodname',multiple:true,editable:fals...
EasyUI常用控件禁用方法
Dream Space
07-04 1万+
EasyUI常用控件禁用方法： 1.validatebox可以用的用法:前两种适用于单个的validatebox;   第三种应用于整个form里面的输入框;    .$("#id").attr("readonly", true); -----  $("#id").removeAttr("readonly");  .$("#id").attr("readonly", "re
【jQuery easyUI】textbox设置只读不可编辑状态
热门推荐
别样的风采是我
08-26 4万+
--输入框 $("#xx").textbox('setValue','value');  //设置输入框的值 $('#xx').textbox('textbox').attr('readonly',true);  //设置输入框为禁用         --下拉框相关 $("#xx").combobox({disabled: true});      /
jquery easyui 怎么禁用输入框
cx10513174的博客
07-25 876
我触发一个事件，处理期间不想让别人进行输入，怎么禁用？  &lt;input class="easyui-validatebox" type="text" size="50" name="name" id="name" data-options="required:true" onkeyup="value=this.value.replace(/\D+/g,'')&q
[easyUI] textbox的disabled属性和disable方法
wolfkingkg0129的专栏
12-16 2万+
在easyUI中操作textbox进行disable和enable状态切换时有两种方法： 方法一、使用disabled属性进行操作，$("#xxx").textbox({disabled:true})/$("#xxx").textbox({disabled:false}) 方法二、使用disable和enable方法进行操作，$("#xxx").textbox('disable')/$("#x
修改uni-easyinput禁用（disabled）后的默认样式
weixin_47526134的博客
03-09 4158
/deep/ .is-disabled { background-color: #ffffff !important; color: #0d0d0d !important; }
easyui input 中只能输入正数和小数
最新发布
07-28
在easyui input中只能输入正数和小数的实现方式有两种。第一种是在html中直接实现，使用class为"easyui-numberbox"的input标签，并设置type为"text"，id和name属性为相应的值，precision属性为小数点后的位数，min属性为最小值。例如：<input class="easyui-numberbox" type="text" id="text_id" name="text_id" precision="2" min="0.01"/>\[2\]。第二种是使用JavaScript，在js中使用numberbox方法来实现，通过设置min属性为最小值，precision属性为小数点后的位数。例如：$('#text1').numberbox({ min:0.1, precision:2 });\[2\]。另外，如果需要验证输入的值是否为数字或输入的长度是否超过限制，可以使用validatebox插件，并自定义验证规则。例如，可以使用$.extend方法来扩展validatebox的默认规则，添加intOrFloat规则来验证整数或小数的输入。具体的实现代码如下所示： $.extend($.fn.validatebox.defaults.rules, { intOrFloat: { validator: function (value,param) { if(/^\d*\.{0,1}\d*$/i.test(value)){ var len = $.trim(value).length; if(len >= param\[0\] && len <= param\[1\]){ return true ; }else{ return false; } }else{ return false; } }, message: '输入非数字或输入超长！请查验后重新输入' } });\[3\] 通过以上两种方式的实现，可以在easyui input中只能输入正数和小数。 #### 引用[.reference_title] - *1* [正则表达式 input框只能输入正整数](https://blog.csdn.net/weixin_30906671/article/details/98885343)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [EasyUI Numberbox 数字框（限制仅输入数字）](https://blog.csdn.net/JOEYHHH/article/details/121948320)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [easyui验证输入数据为整数或者小数](https://blog.csdn.net/weixin_30721899/article/details/96978115)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值