加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs – 父表单中的angular.js ng-form子表单验证错误

发布时间:2020-12-17 17:19:43 所属栏目:安全 来源:网络整理
导读:我有一张表格. form class="form-horizontal" name="canForm" ng-submit="stepSubmit()" novalidate 如上所述,它被称为“canForm”. 在这种形式中..我需要一个子表单来重复需求块. 我定义了这个表格 div ng-form="licencesForm" 在上面的“canForm”中. 当我
我有一张表格.

<form class="form-horizontal" name="canForm" ng-submit="stepSubmit()" novalidate>

如上所述,它被称为“canForm”.

在这种形式中..我需要一个子表单来重复需求块.

我定义了这个表格

<div ng-form="licencesForm">

在上面的“canForm”中.

当我为我的重复块提交licencesForm时,我确保在控制器中设置form.$setPristine().

但是,当我提交主要的canForm时,此表单会选择子表单中的必填字段,并说主表单无效.

我不明白这. ng-form指令应该是一个独立的范围,父表单不应该接受这个子表单中字段的验证要求吗?

如果子表单有效,主表单应该也应该有效吗?

见http://plnkr.co/edit/gkbJNAV95MQ9SGLeMvlg?p=preview

当您在子窗体中添加内容时,它将窗体设置为$setPristine()并且子窗体有效但单击提交主窗体表示即使子窗体有效,窗体也无效?

解决方法

如果有父表单和子表单,那么只有当所有子表单都有效时,父表单才有效.

<form class="form-horizontal" name="canForm" ng-submit="stepSubmit()" novalidate>

并且有一个子表单

<div ng-form="licencesForm">

然后只有当所有许可证有效时,canForm才有效.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读