问题标签 [angularjs-forms]

我有一个表格被移到表格中，失去了内置的表格验证功能，因为我不能使用 ng-submit：

这是我的控制器的样子：

单击时如何使用标准弹出窗口进行保存方法触发验证？

我在该表单中有一个表单和一个 ng 文件上传控件：

当我在第一个文本字段中按回车键时，会打开一个文件对话框。

当按下输入键时，我应该如何避免打开文件对话框？

我有一个简单的 angularJS 应用程序，它有模块、控制器、服务和指令；连同包含表单变量和结构的模板 html 页面，并使用工作正常的指令在主 html 页面 index.page 内打印。现在我在表单中有 ng-submit="submitForm() 但是当我按下提交时我看不到任何数据；在 firefox firebug 中它说 undefined $scope.submitForm.Employee

完整的细节如下；

AngularFormsApp.js（模块）

efController.js（控制器）

efService.js（服务）

efDirective.js（指令）

efTemplate.html（表单）

主 HTML 页面 (index.html)

上面的代码正确显示了在 efService 中为员工定义的所有数据

我正在使用 AngularJs 1.4 并有一个输入表单。我在表单末尾有一个重置、取消和提交按钮。当我单击时，所有表单元素都必须设置为默认值。但是当我单击按钮时，该函数submitForm也会与该函数一起被调用。请让我知道我哪里出错了。表单字段也没有被重置。resetFormreset

在我的控制器内部，我有以下代码：

我需要对我的 Angular 表单文本字段中的日期字段进行自定义验证。我正在使用angular-uidatepicker 元素进行显示。对于验证，我创建了validatedate我想要编写自定义逻辑的自定义指令。我面临几个问题：

1. 在ctrl指令内部未定义。
2. 每当输入字段发生当前未发生的更改时，都应调用该指令。该指令仅在页面加载时调用一次。

我正在添加下面的代码片段以供参考。请让我知道我哪里出错了。

validatedate指令：

In my controller.js file I have:

and in my modal I have

when I use this format it tells me that vm.myForm is undefined.

This is the closest thing I've found here, but it still did not work for me Can I access a form in the controller?

I am using Angular 1.5.1. I have a checkbox on my form. I do not care about the truth/false indicator of the checkbox being checked/unchecked and so I do not want ng-model on it. What I care for is:

• when checkbox is unchecked, I delete a specific array from my model
• when checkbox is checked, I add an empty array back to my model

So I have created a directive that provides me with this functionality, very simple:

Now I can do something like:

Or

The problem with this is - the form within which the checkbox is won't get marked as $dirty if there is no ng-model on the checkbox. Is there any way around this?
Here is an example js-fiddle. Thanks.

我正在使用 Angularjs 1.5 版来验证表单中的输入。

• ng-required 用于验证所需的所有输入

但是，它不适用于呈现组合的自定义指令。该组合根据传递给它的名为“listId”的参数检索项目。然后，它使用 ng-repeat 对“lookupItems”进行迭代。我想有些东西不见了，比如 ngModel。为什么以及如何实施？

组合指令：

html 视图：正在迭代包含要呈现的控件类型的属性，然后将其设置 ng-required 为基于“attribute.Required”的布尔值，这是真的。

在表单中迭代的属性示例（$scope.attributes），我提供它只是为了说明目的：

我正在做 Angular js 下拉验证，但在做下拉验证时遇到问题。

我已从该网站获取所有内容并使用此代码： https ://github.com/turinggroup/angular-validator

演示

但是在上面的链接中，没有什么比对 Dropdwon 控件进行验证更重要的了。因此，如果有人使用相同的代码进行下拉验证，如果成功，请指导我。

这是我创建的 plunker，其中包括下拉菜单：

MyDropdownControlFullDemo

这是我的下拉代码：

我想要的是，如果用户没有从下拉列表中选择任何选项，那么验证应该像文本框控件的验证一样出现。

如果日期模型小于当前日期或日期已“过期”，我如何禁用每个单独的日期选择器。

我正在开发一个带有日期选择器的用户界面，用于开始和结束日期。最初，根据从后端返回的数据，UI 可以根据需要拥有尽可能多的日期选择器。用户还可以添加更多日期选择器。

这是我用来构建日期选择器的示例数据ngRepeat。

我正在创建一个用户界面，只有在开始和结束日期未过期的情况下，用户才能通过日期选择器更改日期。如果日期已过期，则需要禁用日期选择器。

这是我的用户界面供参考。

我目前的方法是遍历季节数组并检查 startDate 是否小于今天。

到目前为止它有效，但它禁用了不少于今天的 startDate。

这是我的html

我如何id="endDate+{{$index}}"在 datepicker 输入中使用ng-disabled="ss.datePickerStartDateEnabled"和ss.datePickerEndtDateEnabled在我的控制器中根据上面的条件禁用单个日期选择器。

我需要进行其他验证，例如没有重叠的日期，并且开始日期必须在上一个结束日期之后。我试图先解决简单的情况。

提前致谢。这是 plunker代码，这是UI，但日期时间选择器不起作用。全屏查看以获得更好的用户界面。