我们如何在单个 html 页面中为多个 html 表单编写 json 架构？答案

【问题标题】：How can we write json schema for multiple html form in a single html page?我们如何在单个 html 页面中为多个 html 表单编写 json 架构？
【发布时间】：2017-03-08 06:57:37
【问题描述】：

我正在使用 HTML 以及 Bootstrap 和 angular。

我有 2 个表单（同一页面，未嵌套），

搜索表单（使用spring boot从db获取数据）
向数据库插入数据的输入表单

如何为这个文件编写 JSON 架构？我们需要为两种形式编写单独的代码吗？

Form 1: 
name=SearchForm                             

Form 2:
name=inputForm
1. Name
2. Age
3. Sports 
    - 1.Cricket
    - 2.Soccer
    - 3.Tennis

-单击时可以输入其他详细信息的按钮（类型数组）

--Marks in Subject 1
- Marks in Subject 2
- Marks in Subject 3
- Marks in Subject 4
- Marks in Subject 5

另外，请推荐一些我可以参考的 JSON 书籍。

提前致谢。

【问题讨论】：

你不需要创建 json 模式模型是自动创建的你只需要命名模型
第一个表单没问题，但是当我单击添加详细信息（主题标记按钮）时，它正在提交表单数据，但函数名称和模型不同。我们可以同时使用 ng-submit 和 ng-click。会不会有点乱。 console.log 工作正常。

标签： javascript html angularjs json

【解决方案1】：

用于搜索 html

<input type="search" ng-model="searchData">

angualrjs 脚本

现在 $scope.searchData 包含输入值。用它来过滤搜索数据

2.提交表单详情到db

<form name="inputForm">
<input type="text" ng-model="formData.name">
<input type="text" ng-model="formData.age">
<button ng-click="formSubmit(formData)"></button>
</form>

脚本代码：

 $scope.formSubmit=function(formData){
      //formData contains the form data in json schema
     console.log(formData);
    //now pass the formData to your db
    }

【讨论】：

感谢@Harish98 的回答，但我需要为这两种形式编写一个JSON 模式。如何编写 JSON 架构。
但是@Harish98，据我所知，ng-submit 应该在表单级别使用。可以和按钮一起使用吗？
使用 ng-click 作为按钮。 ng-submit 用于表单级别。我们需要在表单 ng-submit 旁边添加属性来发布表单数据
第一个表单没问题，但是当我添加下一个详细信息（主题标记）时，它正在提交表单数据，但函数名称和模型不同。我们可以同时使用 ng-submit 和 ng-click。会不会有点乱。控制台工作正常。