仅使用Javascript进行不显眼的数据验证

Question

我来自YouMightNotNeedjQuery。我一直试图找到一种方法在我的应用程序中添加验证而不使用jQuery。我目前正在使用ASP.Net Core MVC。

我可以使用模型

中的代码生成数据验证

public class User
{
    [Required]
    [MinLength(4, ErrorMessage = "Username must be at least 4 characters long.")]
    public string Username { get; set; }
    public string Password { get; set; }
}

这就像这样转换HTML：Manually using MVC Client-Side Validation

E.g。的MaxLength

data-val-maxlength="Error message"
data-val-maxlength-max="Maximum length (e.g. 5)"

所以我的问题是如何通过JavaScript实现这一目标？是否有任何已经可用的JavaScript库或者我必须自己编写？

我能想到的一种方法是，在表单提交之前，循环遍历每个具有data-val的输入并检查它是否有效。如果没有，请返回false并且不提交。