javascript - 按钮单击所需的验证不起作用 JavaScript

Question

我正在尝试添加验证，因此当单击上传按钮时，如果文本框为空，则不要推进进度条并添加验证消息。但是，如果文本框中有值，则进度条会前进。

    function makeProgress(){
         if ($('#textbox').val() == '') {
             alert("Please upload a file.");
         }
         else
        {
        $("#pbarmain").show();
        $("#pbar").show();
        if(i < 100){
            i = i + 4;
            $(".progress-bar").css("width", i + "%").text(i + " %");
            setTimeout("makeProgress()", 100);
            }
            }


            <input type="text" id = "textbox" class="form-control" readonly>

  <button type="button" onClick="makeProgress()" class="btn btn-default" >Upload</button>
    <button type="button" id ="reset" class="btn btn-default" data-dismiss="modal">Close</button>

Answer 1

如果您不希望进度条继续，我认为您需要为此“返回 false”。这将停止执行 [else] 语句中给出的内容

if ($('#textbox').val() === '') {
    alert('Your alert message');
    return false; 
}

希望对你有帮助