在输入字段AngularJS中添加必需

时间:2014-03-10 12:41:33

标签: javascript angularjs modal-dialog required

我在<required>内使用了<input>。我也尝试使用ng-required =“true”。但即使必填字段为空,模态也会自行关闭。每当这个模态结束时,

  

请填写此fielld

显示,但即​​使使用空白输入字段,模态也会被删除。 见this plunk

如何在提交此表单之前确保表单已完全填写。

1 个答案:

答案 0 :(得分:2)

requiredng-required属性仅影响表单的有效性。如果你想阻止你的模态按钮工作,你需要将表单的状态挂钩到类似ng-disabled的状态。检查这个plunker:http://plnkr.co/edit/ru4uqgpcWKyGwCFfZPoO?p=preview

您会看到我将您的模态正文包装在名为“eventForm”的表单中,并将ng-disabled="eventForm.$invalid"添加到“确定”按钮。

您可以在此处阅读有关Angular中表单的更多信息:http://docs.angularjs.org/guide/forms