Javascript 如何对未知表单元素进行表单验证？

现在我正在进行一项任务，我需要使用java脚本在客户端通过JQuery validator进行表单验证。主要思想是我们不需要硬编码字段名，如姓名年龄国家/地区，我需要以更一般的方式验证表单。我们使用Javascript框架handlebar.js创建一个网页，用于输入此数据作为rxt注册表扩展文件从注册表派生。我对handlebar框架非常陌生，我尝试了简单的handlebar示例。但它不适合我。我在下面共享了我的html和js代码。请任何人提供一些建议来更正此错误。提前感谢

handlebar.js示例模板

对字段名使用required属性，例如

<input id="cemail" type="email" name="email" required>

通过这种方式，它将输入验证为电子邮件。您不需要在javascript中硬编码字段名和规则，而是在html元素中硬编码

方法2: 如果您想将所需的规则添加到具有类名req的所有输入中

<input id="fname" type="text" name="fname" class="req">

$("input.req").each (function (){
    $(this).rules( "add", {
      required: true,
    });
});

$（“input.req”）。每个（函数（）{
$（此）.rules（“添加”{
要求：正确，
});
});

我们可以使用输入的类型并验证特定的表单吗？因为我需要一种通用的方法来验证我的js满足的任何表单。我可以使用type属性来定义特定的规则吗？如果类型text包含一些规则，或者如果类型url定义了这样的规则？是的，在$（'input.req'）的位置使用$（'nput[type=“text”]它将向所有文本字段添加规则。如果我需要类和类型，我可以像这样添加$（'input.req“&&&'input[type]=“text”“）。规则（“add”，{required:true，}）；使用$（'input.req input[type=“text”]）另外，请查看页面。请编辑我的问题。我将查看如何提问页面：-）

<input id="fname" type="text" name="fname" class="req">

$("input.req").each (function (){
    $(this).rules( "add", {
      required: true,
    });
});