返回顶部

收藏

jquery 失去焦点时输入框为空时自动填写默认内容

更多
$("#address").focus(function () { // 地址框获得鼠标焦点
    var txt_value = $(this).val(); // 得到当前文本框的值
    if (txt_value == "请输入邮箱地址") {
        $(this).val(""); // 如果符合条件,则清空文本框内容
    }
});
$("#address").blur(function () { // 地址框失去鼠标焦点
    var txt_value = $(this).val(); // 得到当前文本框的值
    if (txt_value == "") {
        $(this).val("请输入邮箱地址"); // 如果符合条件,则设置内容
    }
})

$("#password").focus(function () {
    var txt_value = $(this).val();
    if (txt_value == "请输入邮箱密码") {
        $(this).val("");
    }
});
$("#password").blur(function () {
    var txt_value = $(this).val();
    if (txt_value == "") {
        $(this).val("请输入邮箱密码");
    }
})

//另一个方法

$(function () {
    $("#address").focus(function () { // 地址框获得鼠标焦点
        var txt_value = $(this).val(); // 得到当前文本框的值
        if (txt_value == this.defaultValue) {
            $(this).val(""); // 如果符合条件,则清空文本框内容
        }
    });
    $("#address").blur(function () { // 地址框失去鼠标焦点
        var txt_value = $(this).val(); // 得到当前文本框的值
        if (txt_value == "") {
            $(this).val(this.defaultValue); // 如果符合条件,则设置内容
        }
    })

    $("#password").focus(function () {
        var txt_value = $(this).val();
        if (txt_value == this.defaultValue) {
            $(this).val("");
        }
    });
    $("#password").blur(function () {
        var txt_value = $(this).val();
        if (txt_value == "") {
            $(this).val(this.defaultValue);
        }
    })
});

标签:javascript

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. K-Res 发表 2018-10-27 12:10:11 关于Javascript中类成员函数中内嵌函数的this闭包问题
  2. 杨魁 发表 2018-10-25 07:28:13 Under the Hood: NaN of JS
  3. 尖兵 发表 2018-10-25 11:03:47 服务重启导致的Java服务抖动CPU占用高
  4. 可乐加糖 发表 2018-10-23 08:31:16 JavaScript文档生成器JSDuck
  5. 可乐加糖 发表 2018-10-23 08:31:16 JavaScript文档生成器JSDuck
  6. wenming.gapo 发表 2018-10-23 11:32:30 AOP装饰函数与小T的情愫(二)
  7. 尖兵 发表 2018-10-18 13:19:02 Java诊断工具Arthas
  8. 尖兵 发表 2018-10-18 13:19:02 Java诊断工具Arthas
  9. hellas 发表 2018-10-18 14:20:31 AOP装饰函数与小T的情愫
  10. 博主 发表 2018-10-15 10:02:38 生成聚合收款二维码:支付宝、微信、QQ 钱包
  11. axiu 发表 2018-10-14 02:30:40 微信小程序开发总结
  12. xirruiqiang 发表 2018-10-14 08:14:43 round 函数在不同语言中的实现乱象

发表评论