jquery实现输入关键词判断(包括trim的使用)

本文介绍了一个使用jQuery实现的输入框提示效果。当用户点击输入框时,如果默认显示的提示文字为'请输入关键词'则清除该文字;当输入框失去焦点且内容为空时,重新显示'请输入关键词';同时,根据是否有输入内容改变字体颜色。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  JS部分:

  <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>

 

  <script type="text/javascript">
        $(document).ready(function () {
            $("#<%=txtSearch.ClientID%>").click(function () {
                if ($(this).val() == "请输入关键词")
                    $(this).val("");
            }).blur(function () {
                if ($.trim($(this).val()) == "" ) {
                    $(this).val("请输入关键词");
                    $(this).addClass("huiFont");
                }
            }).focus(function () {
                if ($(this).val() != "请输入关键词" || $(this).val() != "")
                    $(this).removeClass("huiFont");
                else
                    $(this).addClass("huiFont");
            });
        });
    </script>

 

控件部分:

  <asp:TextBox ID="txtSearch" runat="server" style="width:180px;" class="huiFont">请输入关键词</asp:TextBox>

 

CSS部分:

.huiFont
{
    color: #808080;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值