强制用户填充确认对话框

Question

我想强制用户在提示对话框中输入图像名称。

如果他点击 CANCEL - 对话框应该再次出现。

此外，名称必须至少包含 3 个字母。

以下代码仅在用户单击 CANCEL 一次时有效。第二次 - 它已关闭。

它应该一次又一次地出现 - 直到出现 3 个字母的名字。

有什么想法吗？

$('button').on('click', function(){
    var name = prompt('IMG NAME', '');
    if(name == null){name = prompt('IMG NAME', '');}
    if(name.trim() == "" || name.length < 3){var name = prompt('IMG NAME', '');}
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button>CLICK</button>

Answer 1

只需使用一个循环：

$('button').on('click', function(){
    var name;
    while(!name || name.trim().length < 3) {
        name = prompt('IMG NAME', '');
    }
    $(this).text("You entered: " + name.trim());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button>CLICK</button>

强制用户填充确认对话框

force user to populate confirm dialog

jquery

confirm