javascript - 使用 JSON 规则验证 HTML 表单

Question

我想使用 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 方法？