输入扩展 Input2

示例

基本形式

大部分属性的用法与<input>一致。

<label>密码：<input2 type="password" maxlength=6 placeholder="请输入密码" autofocus /></label>

单位

<label>速度：<input2 width="smw" value="340" unit="m/s" /></label>

验证

<label>邮箱：<input2 rules={rules} maxlength=20 /></label>

var component = new RGUI.Component({
    template: template,
    data: {
        rules: [
            {type: 'isFilled', on: 'blur', message: '请输入邮箱！'},
            {type: 'isEmail', on: 'keyup+blur', message: '请输入正确的邮箱！'}
        ]
    }
});

API

Class

Input2

继承自Component。

Options

new Input2()

参数类型默认值数据流向描述
dataobject绑定属性
data.valuestring''outer <=> inner文本框的值
data.typestring''outer => inner文本框的类型
data.placeholderstring''outer => inner占位符
data.statestring''outer <=> inner文本框的状态
data.maxlengthnumberouter => inner文本框的最大长度
data.unitstring''outer => inner单位
data.rulesobject[][]outer => inner验证规则
data.autofocusbooleanfalseouter => inner是否自动获得焦点
data.readonlybooleanfalseouter => inner是否只读
data.disabledbooleanfalseouter => inner是否禁用
data.visiblebooleantrueouter => inner是否显示
data.classstring''outer => inner补充class

Methods

input2.validate()

根据`rules`验证组件的值是否正确

参数类型默认值描述
无参数
返回值类型描述
resultobject结果