用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

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

2013-03-13 作者: 小蜜锋举报

[javascript]代码库

$("#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);
        }
    })
});


[代码运行效果截图]


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


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...