Javascript 如果输入未填充，则禁用模式弹出窗口

我有一个模式，显示填写表单和单击post请求按钮后的一些进度信息，尽管我希望它在单击按钮和字段尚未填写时不会显示此模式。 表格如下：

<form asp-controller="Server" asp-action="Proceed" method="post" role="form">
                        <div class="card-body">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-6">
                                     <label asp-for="Name" class="col-form-label">Server Name &nbsp;</label>
                                    </div>
                                    <div class="col-2"><input asp-for="Name" type="text" autocomplete="off"></div>
                                </div>
                                <div class="row">
                                    <div class="col-6"><label asp-for="User" class="col-form-label">User Name</label></div>
                                    <div class="col-2"><input asp-for="User" type="text" autocomplete="off"></div>
                                </div>
                                <div class="row">
                                    <div class="col-6"><label asp-for="Pass" class="col-form-label">Password </label></div>
                                    <div class="col-2"><input asp-for="Pass" type="password"></div>
                                </div>
                            </div><button id="myBtn" class="btn btn-dark" type="submit">Connect</button>
                        </div>
</form>

注意：在css中，模态元素样式默认设置为display=“none”。

为什么不使用“required”来显示输入？

// If the length of the element's string is 0 then display helper message 
   function required(inputtx) 
   {
     if (inputtx.value.length == 0)
      { 
         alert("message");      
         return false; 
      }     
      return true; 
    } 

var modal = document.getElementById("myModal");
var btn = document.getElementById("myBtn");
btn.onclick = function () {
    modal.style.display = "block";
}

// If the length of the element's string is 0 then display helper message 
   function required(inputtx) 
   {
     if (inputtx.value.length == 0)
      { 
         alert("message");      
         return false; 
      }     
      return true; 
    }