当前位置 : 主页 > 网页制作 > Dojo >

dojo中DateTextBox阻止用户输入

来源:互联网 收集:自由互联 发布时间:2021-06-15
组件:dijit/form/DateTextBox 需求:让DateTextBox不响应用户输入,用户只能通过点击日期控件才能输入日期。 web开发中可能会遇到这样的需求,就是DateTextBox组件不让用户输入,只让用户点击

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