提交后需要填写的字段

Question

我需要指出在我正在处理的申请表格提交后需要填写字段，目前我能够显示如图所示在屏幕顶部缺少的字段列表下面：

这些错误信息，目前正在从网络API发回，然后通过AddModelErrors方法被添加到的ModelState我使用这样做的代码如下所示：

if (model.ApplicationValidations != null) 
     { 
      foreach (var item in model.ApplicationValidations.Select((validationMessage) => new {validationMessage})) 
      { 
       if (item.validationMessage.URL == "Apply Personal Details") 
       { 
        ModelState.AddModelError("required fields", item.validationMessage.FieldName + " is required"); 
       } 
      } 
     } 

在我已经要求下地干活最初将有一个红色的星号类似的形式在他们旁边：

当表单提交的不包含数据的字段或不正确的格式，其中的数据会突出显示粉色，如下所示：

我需要的字段仅突出显示时被显示的模型误差，目前的形式保存的数据作为用户移动到下一部分，不需要验证，以显示当这个情况发生时 只有当表格最终提交时，如果突出显示。

有没有人对我如何实现这个有任何想法？

在此先感谢您的意见

Answer 1

您可以使用JavaScript调用DOM元素的HTML5“setCustomValidity（）”从Web API调用返回的错误数据的基础上。有关HTML5验证的更多信息，请参见HTML5 constraint validation上的这篇文章。

要支持较旧的浏览器，您可以查看一个polyfill，如HF5。