Question

我有一个例子，我在堆栈溢出时问了一个问题（对不起，我是新来的，这是我的第二个问题）

以下是该示例的链接：

jsfiddle.net/SpYk3/Pnr3P /

你会看到有一个选项可以点击一个按钮并创建一个带有可重命名文本的新div。这已经很棒了。但是我想在这里添加一些额外的东西，如果可以，那么它会很棒。我想要的是：如果我创建一个具有两个相同名称的div：如果我之前创建了一个名为“COOL”的div，如果我创建了一个新的，再次命名为“Cool”，它将显示一个警告“这个名字已经是采取尝试新名称“。

这可能吗？如果可以的话，IT会很棒。

提前致谢。一切顺利

Answer 1

你可以试试这个：

 $("#results").on("blur", ".new-folder .title-inp", function(e) {
 //  tells the browser, when user clicks away from input, hide input and show span
 //  also replaces text in span with new text in input

      var ok = true;
      var myinput = this;
      $('#results .new-folder .title-inp').each(function(index,input){
          if(myinput != input 
             && $(input).val().toUpperCase() == $(myinput).val().toUpperCase())
          {
              ok = false;
              return false;
          }
      });

      if(ok) $(this).hide().next().text($(this).val()).show();
      else   alert('repeated name!');
 });

希望它有所帮助！

工作小提琴：http://jsfiddle.net/Wbrj3/4/

需要点击编辑文本示例的帮助

1 个答案: