使用javascript提交验证所需的属性

Posted 2023-01-30

我使用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 />

    

如何像经典提交那样使用javascript来通知未填写的必需属性？是否可以标记它们，以便用户知道他需要在哪里插入值？

答案

如果要使用默认的浏览器用户界面，则只需将字段标记为required。默认情况下，该表单现在将允许用户提交表单，直到满足要求为止。

<form id="myForm">
  <input placeholder="this field is required" required />
  <button type="submit">Submit</button>
</form>

以上是关于使用javascript提交验证所需的属性的主要内容，如果未能解决你的问题，请参考以下文章

无法获取表单以验证所需的选择输入

如何根据条件为 3 个不同的 DIV 应用/删除 asp.net 所需的验证？

Wildfly 11 Elytron - 基于属性文件的身份验证失败，未安装所需的服务

使用 jQuery AJAX 向所需的 PHP POST 请求处理程序提交表单不起作用

引导输入标签应用所需的验证

延迟剑道验证，直到提交表格