组件: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('没有中文 通过'); }还有个禁止粘贴,估计也需要考虑在内