强制用户填充确认对话框

时间:2018-12-08 17:22:34

标签: jquery confirm

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

如果他单击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>

1 个答案:

答案 0 :(得分: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>