Question

我有this代码：

<input type="text" id="myText" class="input_box_hidden" />

$(document).ready(function() {
    var nomeAzienda=$("#myText");

    if(nomeAzienda.val()=="") nomeAzienda.val("Nome Azienda");
    if(nomeAzienda.val()!="Nome Azienda") nomeAzienda.removeClass().addClass("input_box");

    $("#myText").focus(function() {
        if(nomeAzienda.hasClass("input_box_hidden")) 
        {
            nomeAzienda.val("");
            nomeAzienda.removeClass().addClass("input_box");
        }
    });

    $("#myText").blur(function() {
        if(nomeAzienda.val()=="") 
        {
            nomeAzienda.val("Nome Azienda");
            nomeAzienda.removeClass().addClass("input_box_hidden");
        }
    });               
});

效果很好。

问题在于：当我将输入框提交给服务器时，我会在客户端回复时存储该值（因此用户不应该再次插入该值）。

使用此控件：

    if(nomeAzienda.val()!="Nome Azienda") nomeAzienda.removeClass().addClass("input_box");

我检查它不是默认值。

但是，如果用户插入“Nome Azienda”作为值，该怎么办？它不起作用。

我该如何防止这种情况？

Answer 1

..然后你被塞满了。但严肃地说，我认为这完全没问题，你永远不会知道，可能会有一家名为“公司名称”的公司。至少我已经在使用文本框水印的地方看到了这个问题，所以你的解决方案是完全可以接受的。

Answer 2

不确定我理解，但如果您希望当用户输入'Nome Azienda'时该字段获得input_box_hidden课程，那么您可以在第一个{{1}之后立即将其添加到模糊功能声明：

if

用户写东西时更改输入文本上的文本时出现问题

2 个答案: