0

我允许用户在我的应用程序中创建文件夹。用户单击“新建文件夹”图标后，我会显示一个带有文本框的文件夹，供用户输入文件夹的名称。

如何确保用户在再次单击“新建文件夹”图标之前输入名称，或者在将我的应用程序用于其他任何事情之前输入名称？

我尝试了输入更改事件，但该事件仅在用户尝试输入名称时触发。

$(".new-folder-name").change(function () {
      var newFolderName = $(".new-folder-name").val();
    if (newFolderName == "") {
        alert("Please enter a name for the new folder.");
    } else {
        alert("Good, you entered a name: " + newFolderName);
    }
});

但是，如果用户只是将文本框留空并继续使用应用程序做其他事情怎么办？

如何强制用户在执行任何其他操作之前先输入文本？

4

2 回答 2

1

之后强制用户输入
：

alert("Please enter a name for the new folder.");

添加：

setTimeout(function() {$(".new-folder-name").focus();},10);

强制关注文本框。

此外，将其从 .change() 更改为 .blur()

模态弹出窗口
有几个选项。只需将您的文本框放在模式弹出窗口中，并且在输入有效内容之前不要让他们关闭它。

于 2013-08-23T15:28:56.060 回答
0

就像@Richard 所说的使用模态。

在twitter-bootstrap中，您拥有该工具和其他工具。

于 2013-08-23T15:31:14.190 回答