当前位置:jQuery学习 > jQuery > jQuery设置和移除文本框默认值

jQuery设置和移除文本框默认值

时间:2010-09-13QQ群:116983258

开始时,文本框设定一个默认值。当光标移动到文本框时,如果文本框当前值是默认值,那么清空;离开文本框时,文本框值如果为空,那么将文本框值设置为默认值。实现思路就是这样的。

<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;
            }
        });
    });
});

最后,进行表单提交时,要先判断下当前文本框的值。如果为默认值的话,就不应该进行提交,而是给出相应的提示。

作者:jQuery学习
除非注明,jQuery学习网文章均为原创,转载时必须以链接形式标明本文地址。
本文地址:http://www.jquery001.com/jquery-set-remove-input-value.html

大家说了些什么

  1. 1. suo 2014-05-18 20:39

    <code>
    找了好久了,谢谢!
    </code>
    

  2. 2. suo 2014-05-18 20:41

    楼主帮我前面的评价删了吧,我快丢死人了!

    • jQuery学习 2014-05-18 21:34

      @suo 不丢人,代码写多就这节奏。浏览器要都支持HTML的时候我们就解放了,加个placeholder就行咯!

所有话题