加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读