PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

    jQuery实现文本框获取焦点清空值,失去焦点内容空则显示默认

    作者:w634381967来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:当光标移动到文本框时,如果文本框当前值是默认值,那么清空;离开文本框时,文本框值如果为空,那么将文本框值设置为默认值。实现思路就是
    当光标移动到文本框时,如果文本框当前值是默认值,那么清空;离开文本框时,文本框值如果为空,那么将文本框值设置为默认值。实现思路就是这样的。

     
    复制代码 代码如下:
    <input type="text" class="input" value="your name" />

    jQuery代码如下:
    $(document).ready(function() {
        //each遍历文本框
        $(".input").each(function() {
            //保存当前文本框的值
            var vdefault = this.value;
            $(this).focus(function() {
                //获得焦点时,如果值为默认值,则设置为空
                if (this.value == vdefault) {
                    this.value = "";
                }
            });
            $(this).blur(function() {
                //失去焦点时,如果值为空,则设置为默认值
                if (this.value == "") {
                    this.value = vdefault;
                }
            });
        });
    });
    最后,进行表单提交时,要先判断下当前文本框的值。如果为默认值的话,就不应该进行提交,而是给出相应的提示。
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-1147-1.html
    相关热词搜索: