不引人注目的数据-仅使用Javascript进行验证

我来自美国。我一直在试图找到一种不用jQuery在我的应用程序中添加验证的方法。我目前正在使用ASP.Net核心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转换为如下所示：

例如MaxLength

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

所以我的问题是如何用JavaScript实现这一点？是否有任何JavaScript库已经可用，或者我必须自己创建

---

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

有图书馆吗？是的，它是

jquery validate.js

和

jquery.validate.unobtrusive.js

（他们使用jquery）哦，好的，非常感谢。让我编辑我的问题（：我认为这里有一些误解。您属性上的属性由asp.net呈现，服务器用您显示的数据验证属性响应html。正如@StephenMuecke通过添加jquery-validate.js文件提到的那样，客户端验证就足够了，这些jquery代码正在查找at生成的标记我想是的，jquery正在寻找这些生成的标记。我关心的是，我没有在我的项目中使用jquery。因此，我在寻找一种不依赖jquery的等效方法。使用普通JS。我知道这是一个老问题，但它今天仍然有效。jquery非常庞大，导致lighthouse性能下降只要它的存在就可以得分。一定有一个非jQuery的选项。