dojo中DateTextBox阻止用户输入
发布时间:2020-12-16 21:22:42 所属栏目:百科 来源:网络整理
导读:组件:dijit/form/DateTextBox 需求:让DateTextBox不响应用户输入,用户只能通过点击日期控件才能输入日期。 web开发中可能会遇到这样的需求,就是DateTextBox组件不让用户输入,只让用户点击来选择日期。但是dojo好像没有提供像editable这样直接的属性来控
组件:dijit/form/DateTextBox 需求:让DateTextBox不响应用户输入,用户只能通过点击日期控件才能输入日期。 web开发中可能会遇到这样的需求,就是DateTextBox组件不让用户输入,只让用户点击来选择日期。但是dojo好像没有提供像editable这样直接的属性来控制。 这里给出一个实现,可以完美地满足需求。 两种写法: 1.声明式: <input type="text" name="date1" id="date1" data-dojo-type="dijit/form/DateTextBox" onInput="forbiddenUserInput" require="true" /> function forbiddenUserInput(){ return false; } 2.编程式: var dateTextBox = new DateTextBox({ /*其他属性定义*/ onInput:function(e){return false}},id); 总体来说就是利用了onInput这个扩展点,返回false。 ----------------------------------------最新发现,上述方法只能阻止英文输入法输入的信息,对中文输入法输入的信息并不能阻止,后续会继续修改,今天太晚了---------------------------------------------------- 写个判断中文的方法,可能会用得到 var a = '3333fff'; if (/[u4E00-u9FA5]/i.test(a)) { alert('有中文'); }else{ alert('没有中文 通过'); }还有个禁止粘贴,估计也需要考虑在内 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |