Angularjs Angular Js中的动态表单验证

Angularjs Angular Js中的动态表单验证,angularjs,Angularjs,在我当前的项目中,我正在努力进行动态表单验证,在我的表单中有两个字段,如用户名和电子邮件,这两个字段都是必需的 如果用户单击添加更多(最多2次)按钮,则会出现上述相同字段。这两个字段也是必填字段。如果用户删除这些字段,验证将无法进行 我已经写了这两个字段(3次),我一直在隐藏和显示, 下面是我的代码 enter code here 我已将我的代码添加到Plunker: 避免使用ng hide或ng show。 准备模型,即JSON数组,并使用ng repeat绑定,并用JavaScript编写

在我当前的项目中,我正在努力进行动态表单验证,在我的表单中有两个字段,如用户名和电子邮件,这两个字段都是必需的

如果用户单击添加更多(最多2次)按钮,则会出现上述相同字段。这两个字段也是必填字段。如果用户删除这些字段,验证将无法进行

我已经写了这两个字段(3次),我一直在隐藏和显示, 下面是我的代码

enter code here
我已将我的代码添加到Plunker:
避免使用ng hide或ng show。 准备模型,即JSON数组,并使用ng repeat绑定,并用JavaScript编写相关代码


示例:

避免使用ng hide或ng show。 准备模型,即JSON数组,并使用ng repeat绑定,并用JavaScript编写相关代码


示例:

避免使用ng hide或ng show。 准备模型,即JSON数组,并使用ng repeat绑定,并用JavaScript编写相关代码


示例:

避免使用ng hide或ng show。 准备模型,即JSON数组,并使用ng repeat绑定,并用JavaScript编写相关代码


示例:

使用
ng required=“showUser2”
而不是
required

使用
ng required=“showUser2”
而不是
required

使用
ng required=“showUser2”
而不是
required
使用
ng required=“showUser2”
在AngularJS表单中,即使字段是隐藏的,也仍然需要字段,而不仅仅是
必需的

。 这意味着当您使用
ng hide
ng show
隐藏所需表单输入字段时,AngularJS FormController
completeProfile
仍将表单视为
$invalid

要获得所需的动态表单,可以使用
ng if
隐藏不需要的输入字段。如果表单验证逻辑不考虑
ng中的输入字段,则为
ng


我更新了你的密码。“提交”按钮仅在表单有效时显示。

在AngularJS表单中,即使字段已隐藏,仍需要字段。 这意味着当您使用
ng hide
ng show
隐藏所需表单输入字段时,AngularJS FormController
completeProfile
仍将表单视为
$invalid

要获得所需的动态表单,可以使用
ng if
隐藏不需要的输入字段。如果表单验证逻辑不考虑
ng中的输入字段,则为
ng


我更新了你的密码。“提交”按钮仅在表单有效时显示。

在AngularJS表单中,即使字段已隐藏,仍需要字段。 这意味着当您使用
ng hide
ng show
隐藏所需表单输入字段时,AngularJS FormController
completeProfile
仍将表单视为
$invalid

要获得所需的动态表单,可以使用
ng if
隐藏不需要的输入字段。如果表单验证逻辑不考虑
ng中的输入字段,则为
ng


我更新了你的密码。“提交”按钮仅在表单有效时显示。

在AngularJS表单中,即使字段已隐藏,仍需要字段。 这意味着当您使用
ng hide
ng show
隐藏所需表单输入字段时,AngularJS FormController
completeProfile
仍将表单视为
$invalid

要获得所需的动态表单,可以使用
ng if
隐藏不需要的输入字段。如果表单验证逻辑不考虑
ng中的输入字段,则为
ng


我更新了你的密码。提交按钮仅在表单有效时显示。

@HaRdik。。你能指导我如何写作吗。。我上面使用ng repeatExample的代码:试试这个例子。@HaRdik。。我遵循你提到的例子。在我的数据库中有3条记录。然后它来了三次。看起来不错。但在另一种情况下,我的数据库中没有记录。在这种情况下,没有任何内容可显示(也包括表单)。但我需要这2个文件3次(如果有数据或没有)。。如果没有数据。然后用户将被添加到数据库中。如果数据存在,则用户可能有机会更新数据。请告诉我我能做什么。检查你的控制器如果返回数据的post方法的结果列表是空的,只需将一个空对象推入你的列表,你就会得到空表单。我会检查response.status==200,因为你在这里的方式,你应该从后端发送data=“fail”,这是不正确的。但是你的代码是正确的。只需确保已在您的数据库中的某个位置初始化了
$scope.formDataTwo={}
$scope.formDataTwo.premiumusers=[]
controller@HaRdik.. 你能指导我如何写作吗。。我上面使用ng repeatExample的代码:试试这个例子。@HaRdik。。我遵循你提到的例子。在我的数据库中有3条记录。然后它来了三次。看起来不错。但在另一种情况下,我的数据库中没有记录。在这种情况下,没有任何内容可显示(也包括表单)。但我需要这2个文件3次(如果有数据或没有)。。如果没有数据。然后用户将被添加到数据库中。如果数据存在,则用户可能有机会更新数据。请告诉我我能做什么。检查你的控制器如果返回数据的post方法的结果列表是空的,只需将一个空对象推入你的列表,你就会得到空表单。我会检查response.status==200,因为你在这里的方式,你应该从后端发送data=“fail”,这是不正确的。但是你的代码是正确的。只需确保已在您的数据库中的某个位置初始化了
$scope.formDataTwo={}
$scope.formDataTwo.premiumusers=[]
controller@HaRdik.. 你能指导我如何写作吗。。我上面使用ng repeatExample的代码:试试这个例子。@HaRdik。。我举个例子