dijit.form.NumberTextBox常用操作

前端之家收集整理的这篇文章主要介绍了dijit.form.NumberTextBox常用操作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<p>只能输入任意长度整数<input
    name="numtext"
    id="numtext"
    data-dojo-type="dijit/form/NumberTextBox"
    data-dojo-props="required: true,pattern: '[0-9]*',constraints:{pattern:'#'}" />
</p>

[0-9]*是正则式,匹配任意长度整数,可以去掉

#用来格式化,只能输入整数,如果输入小数,会自动删除小数点及后面的数字;而且数字位数超过3位,也不会有默认的逗号出现

另外,constraints还可以带places参数,例如places:2会自动补上2位小数

{places:'0,3'}:可以有0~3位的小数

如果输入时小数位数比较多,超过6位,比如:经度输入框里有constraints: {min:0,max:180,pattern: '###.###########'},可以输入11位小数

当输入框失去焦点再重新被选中时,也就是编辑时,会自动截断多余的数字,此时使用editOptions:{pattern: '###.###########'}即可解决

猜你在找的Dojo相关文章