Javascript 使用JSON规则验证HTML表单

我想使用JSON创建一个表单，还需要验证JSON中定义的规则

下面是我的JSON的外观：

{
   "modules":[
      {
         "type":"form",
         "action":"submit.aspx",
         "name":"registrationform",
         "container":"#maincontent",
         "fields":[
            {
               "id":"firstname",
               "label":"First Name",
               "name":"fname",
               "type":"text",
               "value":""
            },
            {
               "id":"email",
               "label":"Email",
               "name":"email",
               "type":"text",
               "value":""
            }
         ],
         "rules":
            {
                "fname" : "required", 
                "email"     :   {
                                    "required": "true",
                                    "email": "true"
                                }
            },
         "messages":
            {
                "fname" : "Enter your firstname",
                "email" :   {
                                "required": "Please enter a valid email address",
                                "minlength": "Please enter a valid email address"
                            }
            }
      }
   ]
}

如何编写使用JSON规则验证表单元素并显示错误消息（如JSON中定义的）的动态代码

---

是否有一些jQuery方法可以直接使用？

查找jQuery验证（）。然后可以将规则和消息转换为jquery验证规则。这不应该太难！我可以不用任何插件吗？就像使用jquery方法一样……可以，但基本上是复制jquery验证功能。您将捕获表单提交事件，循环您的规则，根据规则运行自定义验证（如果需要，确保有值（并且值不仅仅是空格），等等）。但是所有这些逻辑都已经在validate插件中了，所以我强烈建议使用它。