使用javascript提交验证所需属性

我使用javascript提交了一个表单（必须先检查前置条件），我注意到没有通知我未填充的必需属性：

function offerContract() // the function called when deployContractBtn is clicked
    {
        document.getElementById("CreateContractDialogMessage").innerHTML = "";
        ErrorMsg = checkErrors();

            if (ErrorMsg != "")
            {
                $('#CreateContractDialogTitle').text("Error"); //show error headline
                document.getElementById("CreateContractDialogMessage").innerHTML = ErrorMsg;
                document.getElementById("closeButton").style.display = "block";
                $('#dialogOfferContract').modal('show');
                return;
            }

        $("#deployContractBtn").submit() //type = button and not submit

    }


    @using (Html.BeginForm("DeployContract", "CreateContract", FormMethod.Post, new { @id = "DeployContractForm" }))
    {
       .....The rest of the form....    
       <input id="deployContractBtn" onclick="offerContract()" type="button" class="btn btn-success" value="Sign&Deploy Contract" disabled />

    }

function offerContract（）//单击deployContractBtn时调用的函数
{
document.getElementById（“CreateContractDialogMessage”）.innerHTML=“”；
ErrorMsg=checkErrors（）；
如果（ErrorMsg！=“”）
{
$（'#CreateContractDialogTitle'）。文本（“错误”）；//显示错误标题
document.getElementById（“CreateContractDialogMessage”）.innerHTML=ErrorMsg；
document.getElementById（“closeButton”）.style.display=“block”；
$（'dialogOfferContract'）.modal（'show'）；
返回；
}
$（“#deployContractBtn”）.submit（）//type=按钮，不提交
}
@使用（Html.BeginForm（“DeployContract”、“CreateContract”、FormMethod.Post、new{@id=“DeployContractForm”}））
{
……表格的其余部分。。。。
}

---

如何像经典提交那样使用javascript通知未填充的required属性？是否可以对其进行标记，以便用户知道需要在何处插入值？

如果要利用默认浏览器UI，可以将该字段标记为

必需
。默认情况下，表单现在允许用户提交表单，直到满足要求为止



提交
如果不给控件命名，它将不会被提交如何在后端获取表单中的值不是问题的一部分。问题是如何向用户显示哪些字段需要填写，如果这些字段是必填字段，但仍然为空。