问题标签 [angularjs-validation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
705 浏览

javascript - TypeError:无法获取属性“$dirty”的值:对象为空或未定义

我的 AngularJS 应用程序在 Firefox 中运行良好,但在 Internet Explorer(9) 中却不行。表单验证是使用 $dirty 完成的。

我在 IE9 中遇到的问题是验证不起作用,控制台说

TypeError:无法获取属性“$dirty”的值:对象为空或未定义。

什么地方出了错?请帮忙!

0 投票
2 回答
644 浏览

javascript - 表单验证在 Internet Exloprer 9 中不起作用 - AngularJS

表单验证在 Firefox 中运行良好,但在 Internet Explorer 9 中失败。

我为动态生成的必填字段使用了这个 span 标签来验证空字段。

最初我有

这给了我

TypeError:无法获取属性“$dirty”的值:对象为空或未定义

在 IE9 控制台中,将其更改为上面发布的代码后,TypeError 消失了,但文本框周围的红色边框仍然没有出现在 IE9 中,以提醒用户有空字段。

应该针对 IE9 执行哪些操作才能验证空字段?

或者有没有其他方法可以验证在 Firefox 和 IE 中动态生成的表单字段?

0 投票
0 回答
234 浏览

angularjs - 使用 ng-repeat 的动态表单验证不起作用

我正在执行如下动态表单验证:

我的控制器如下:

以下代码不起作用:

但是,如果没有 ng-repeat(static),它的工作方式如下:

如何myForm.formData[field.name]ng-show.

提前致谢。

0 投票
2 回答
631 浏览

javascript - angularjs 验证器在与另一个指令一起使用时不起作用

我有一个“uniqueCheck”指令,它检查值是否已经存在于列表中,并相应地验证 ngModel。该指令在输入标签上使用时按预期工作,但在呈现输入标签的指令上使用时,结果与预期不符。

指令中的验证器函数被调用,但它不会验证或使输入的 ngModel 无效。
您可以在提供的 plnkr 链接上查看指令的完整代码

plnkr 链接:plnkr

html如下:

0 投票
1 回答
972 浏览

javascript - angularjs - 在 ng-repeat 中验证数组名称属性

我正在开发一个在服务器端使用 ASP.NET MVC 5 的项目。如本文所述,我在服务器端的表单接受对象数组作为参数。因此,我需要name像这样在我的视图中生成属性。

请注意,这不是一个重复的问题,因为我尝试了 StackOverflow 和其他网站的几乎所有解决方案。这种情况有点不同(也很复杂)。这里n不是一个固定值。使用ng-repeat这就是我渲染它的方式,并且效果很好。

如上所示,我想验证用户输入的值(学位和学院)。我也尝试了这个解决方案,但它不起作用。

我该怎么做才能显示验证错误?请注意,为了降低复杂性,我在这里只提到两个字段,DegreeInstitute。在我的现场项目中,有 20 多个字段需要不同类型的验证(如 ng-pattern、电子邮件等)

为简单起见,我在这里创建了一个小提琴:http: //jsfiddle.net/wa5y5L15/29/

0 投票
1 回答
4220 浏览

angularjs - 为什么使用 $rollbackViewValue 时表单验证的 ng-messages 不起作用

我有一个使用 ng-messages 表单验证错误消息的表单。我还使用带有 $rollbackViewValue 的新 ng-model-options 来回滚对表单的所有更改。问题是如果我在表单上使用 rollbackViewValue,ng-mesages 将不起作用。

我真的很喜欢 angular1.3 中的这个新功能,它使用 ng-model-options 来重置表单,因为我没有找到任何可以像 $rollbackViewValue() 一样工作的东西

这是代码和plunker

控制器

0 投票
1 回答
472 浏览

angularjs - What is the correct way to validate all form fields on submit when using ng-repeat for dynamic form?

I have a form with some fields (build with ng-repeat, so I dont know how much). I added to the submit button

and added to all the fields "required" but the ng-disabled work just for this last field. my code:

how can I validate the user change all fields? thanks!

0 投票
1 回答
2294 浏览

javascript - angularJS中的动态表单验证不起作用

我创建了动态表单,并将ng-required属性动态添加到我的控件中。但现在它不工作了。

这是我的 JS:

还有我的 HTML:

Plunker 链接

我想在提交文本框值更改或表单时显示错误消息。

但是当我用静态形式做同样的事情时,它就起作用了。 工作的笨蛋

0 投票
1 回答
867 浏览

javascript - 动态表单名称和 ng-repeat

我需要根据从服务器获取的动态列表在页面上创建多个表单。为了做到这一点,我正在尝试ng-repeat像这样使用角度:

这不能按预期工作 - 表单的name属性生成正确,但 angular 并没有解决这个问题。有没有办法创建具有动态名称的表单?或者这个问题有解决方法吗?

我想到的唯一想法是以某种方式FormControllers与 data.rows 一起创建并使用它们,ng-repeat但我也找不到方法。

0 投票
1 回答
3851 浏览

javascript - 覆盖 AngularJS 默认电子邮件验证器

我想覆盖 AngularJS 的电子邮件验证器。我希望它使用我的自定义字符串来验证电子邮件地址。我在他们的文档中找到的代码是这样的:JS:

HTML:

但是代码不起作用。抛出的错误是:

TypeError:无法在 N (http://ajax.googleapis.com/ajax/libs/的链接( http://localhost:63342/goga_tests/js/registration.js:39:32 )处读取未定义的属性“电子邮件” angularjs/1.2.26/angular.min.js:54:372 ) 在 g ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js:47:256 ) 在g ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js:47:273 ) 在 N ( http://ajax.googleapis.com/ajax/libs/angularjs /1.2.26/angular.min.js:54:313 ) 在 g ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js:47:256 ) 在 N ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js:54:313) 在 g ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js:47:256 ) 在http://ajax.googleapis.com/ajax/libs/angularjs /1.2.26/angular.min.js:46:377http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js:18:314

提前感谢您的帮助!