Chinaunix首页 | 论坛 | 博客
  • 博客访问: 1370306
  • 博文数量: 13833
  • 博客积分: 1041400
  • 博客等级: 大元帅
  • 技术积分: 127080
  • 用 户 组: 普通用户
  • 注册时间: 2008-06-13 10:12
文章分类

全部博文(13833)

文章存档

2008年(13833)

我的朋友

分类:

2008-06-13 10:26:42

Dijit文本输入组件对HTML 提供了增强的校验,格式化以及本地化等支持。Dijit内部使用两个INPUT元素,一个用于同用户的交互,显示本地化了的文本,另一个则是隐藏的,存储 统一格式的,非本地化的文本,用于同服务器的交互。 Dijit文本输入组件包括 CurrencyTextBox – 金额输入 NumberTextBox – 数字输入 DateTextBox – 日期输入 TimeTextBox- 时间输入 通过重载Dijit文本输入组件的serialize方法,可以实现自定义的格式化,如下例所示,用户输入的日期被格式化为'dd-MM-yyyy'形式
   
        反之,当Dijit文本输入组件从服务器端接受数据时,则必须使用标准的JavaScript格式。 ValidationTextBox使用在regExp属性中定义的正则表达式对输入值进行校验,以下代码给出一个只接受六位数字的输入框     ValidationTextBox的校验规则还可以通过使用其regExpGen属性动态改变,以下代码给出一个校验规则:在12点之前接受4位数字,12点之后接受5位数字。            Number2:                dijit.form.TextBox是所有dijit文本输入组件的基类,其属性和方法为其所有子类继承 属性 lowercase – 是否转换为小写, 缺省为false maxLength – 最长长度 propercase – 是否转换首字母为大写,缺省为false trim – 是否去除首尾空格,缺省为false uppercase – 是否转换为大写, 缺省为false 方法 String getDisplayedValue() – 返回显示文本,区别于用于表单提交的文本值 setDisplayedValue(/*String*/value) – 设置显示文本,并触发IncrementalChange setValue(value, /*Boolean, optional*/ priorityChange, /*String, optional*/ formattedValue) – 设置文本值 dijit.form.ValidationTextBox 属性 constraints – 校验规则对象,通过JavaScript对象语法进行设置 invalidMessage – 非法输入的错误消息 promptMessage – 提示消息 regExp – 用于校验的正则表达式 required – 是否必须输入,缺省为false 扩展点 displayMessage(/*String*/ message) - 用于浮动提示信息 String getErrorMessage(/* Boolean*/ isFocused) - 获取错误信息 String getPromptMessage(/* Boolean*/ isFocused) - 获取提示信息 Boolean isValid(/* Boolean*/ isFocused) - 设置校验规则 String regExpGen(/* Object */constraints) - 动态设定校验正则表达式 dijit.form.DateTextBox, dijit.form.TimeTextBox 属性 clickableIncrement - ISO-8601字符串,用于定义递增的时间值,例如"T00:15:00"为15分钟,该数值必须能够被visibleIncrement整除 value - 当前输入的日期/时间值,可以是Javascript的Date对象,也可是ISO-8601字符串并根据当前时区调整。 visibleIncrement - ISO-8601字符串,用于设置可见的时间间隔 visibleRange - ISO-8601 字符串,定义可显示的时间范围 扩展点 Integer compare(/* Object */val1, /* Object */val2) - 自定义对象比较函数 Boolean isInRange(/* Boolean*/ isFocused) - 是否在允许范围之内 dijit.form.NumberTextBox 扩展点 Integer compare(/* Object */val1, /* Object */val2) - 自定义对象比较函数 Boolean isInRange(/* Boolean*/ isFocused) - 是否在允许范围之内 dijit.form.CurrencyTextBox 属性 currency - ISO4217字符串-金额代码 扩展点 Integer compare(/* Object */val1, /* Object */val2) - 自定义对象比较函数 Boolean isInRange(/* Boolean*/ isFocused) - 是否在允许范围之内 输入操作 改变输入焦点到上一个组件 – Tab 改变输入焦点到下一个组件 – Shift+Tab 提交表单 – 回车 取消当前输入 – Esc 点击这里看运行效果。 
阅读(41) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~