目录

邮箱（Email）

功能说明

该控件用于邮箱录入。

HTML5

<input id="email0" placeholder="UAPMobile@yonyou.com" value="UAPMobile@yonyou.com" type="email" onchange="emailchange()"/>

属性列表

事件列表

实例

1、获取或修改邮箱输入框的值

$id("email0").get("value");
$id("email0").set("value", "xxx@yonyou.com")

2、onchange事件的使用

<input id="email0" placeholder="UAPMobile@yonyou.com" value="UAPMobile@yonyou.com" type="email" onchange="emailchange()"/>

function emailchange(sender, args) {
    $alert("邮箱输入框:" + $id(sender).get("value"));
    $id(sender).set("value", "xxx@yonyou.com");
}

3、oninput事件的使用

<input id="email0" oninput="this.oninput()"/>

function com$requirements$Input_onchangeController$oninput(sender, args) {
    $ctx.dataCollect();
    var value = $id("email0").get("value"); //每输入一个字符就获取
    $id("email0").set("value", value); //email0每输入一个字符，焦点不需离开就在email0中显示
}

4、让输入控件获得焦点

function com$requirements$Input_focusController$button2_onclick(sender, args) {
    var data = $id("email0").get("value");
    if (data.length < 8) {
        $alert("您输入的邮箱长度不足8位，请重新输入");
        $id("email0").focus(); //email0的value长度不足8位时，让光标回到email0上
    } else {
        $alert("保存成功");
    }
}

5、让输入控件获得焦点，并在焦点处插入字符

function com$requirements$Input_focusController$button2_onclick(sender, args) {
    var data = $id("email0").get("value");
    if (data.length < 8) {
        $alert("您输入的邮箱长度不足8位，请重新输入");
        $id("email0").focus(); //email0的value长度不足8位时，让光标回到email0上
        $id("email0").insert("hello")//焦点的文本框最后，插入hello
    } else {
        $alert("保存成功");
    }
}

6、让输入控件获得焦点，并在指定的位置处插入字符

function com$requirements$Input_focusController$button2_onclick(sender, args) {
    var data = $id("email0").get("value"); //假设邮箱输入框输入字符为12345
    if (data.length < 8) {
        $alert("您输入的邮箱长度不足8位，请重新输入");
        $id("email0").focus(); //email0的value长度不足8位时，让光标回到email0上
        $id("email0").insert(1, "hello")// 12hello2345
    } else {
        $alert("保存成功");
    }
}