问题标签 [angularjs-forms]

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 投票
3 回答
8075 浏览

javascript - 首次加载时不要触发 form.$invalid

有这样的形式

和这样的控制器

我有一个问题:当页面首次加载时,它会立即在用户名字段上显示红色边框,甚至在我开始输入任何内容之前。我只需要在第一次提交后突出显示无效字段。这可以使用form.$invalid吗?

0 投票
3 回答
11688 浏览

javascript - Angular 验证器和 ng-maxlength 的使用

我有以下 div,如果输入长度超过 50 个字符,我想添加引导程序的类“has-error”。这是 HTML:

我怎样才能使这项工作?我猜当你达到 50 个字符时,ng-maxlength 会抛出一个错误,比如 $error 对象,但我不知道对象是什么,如何访问它,以及是否需要在控制器或指令中做更多的工作.

这里有什么帮助吗?我找不到有关此问题和 Angular 验证器的任何“简单”信息。

编辑1:

我已经看到了你所有的回复,感谢你学到了一些新的东西,但这仍然无法正常工作。目前是这样的:

正如你们中的一个建议的那样,还测试了直接检查长度。但这些解决方案似乎都不起作用:它从不添加 has-error 类。为什么?

0 投票
1 回答
36557 浏览

javascript - ng-pattern 不显示 $error.pattern

我在这里有脚本并且 ng-pattern 可以正常工作,因为 scope.subnet 仅在输入匹配模式后才会显示在输出中。但是如果 ng-pattern 不匹配,ng-show 不会显示任何错误

0 投票
1 回答
1414 浏览

angularjs - 以角度形式验证字段计数

我有一个表格,其中模型包含一组子模型,如下所示:

当没有输入字段时(或者,一般来说,当输入字段的计数小于/大于某个值时)如何使表单无效

更新:感谢您的回复,我希望这可以在控制器之外完成。

0 投票
0 回答
685 浏览

angularjs - AngularJS 在保持内置浏览器 (HTML5) 验证的同时禁用表单验证

我正在使用具有三个输入的 angularJS 表单 - 文本、电子邮件和多个电子邮件字段。以上所有字段都是必需的,Angular 的验证在文本和电子邮件字段上工作正常,但不适用于多个电子邮件字段。据我所知,所有新浏览器都支持电子邮件字段上的多个属性,但显然 AngularJS 不支持,因为ng-model当它“认为”多个电子邮件字段无效时,它并没有更新该值。

我尝试novalidate在表单上使用,但随后我必须自己进行所有验证,而我只想告诉 Angular 忽略字段的有效性并让浏览器做它的事情..

有什么办法吗?

0 投票
1 回答
485 浏览

javascript - Angularjs validation issue for password field

Here is my angularjs code for the password field :

when I type the password below 8 character it is not showing any error.

what is the mistake I am doing and how can I fix it ?

0 投票
1 回答
39 浏览

javascript - 如何将字符串连接到 angularjs 中的 $scope 模型?

如何将变量连接到$scope模型。我正在尝试做这样的事情

如何将变量连接i起来$scope.formData.jobId,使其变为$scope.formData.jobId1$scope.formData.jobId2等等。

0 投票
1 回答
1510 浏览

angularjs - 如果有条件地隐藏父 div,则 ng-required 无法按预期工作

在我的代码中,我正在使用ng-showng-required结合使用。但是,ng-required即使将相应的$scope变量值设置为,也无法按预期工作false。请在下面找到代码

select元素具有显示选项的逻辑,并且工作正常。当我们选择“写我自己的问题”选项时,将input显示隐藏。如果用户选择任何其他问题,自定义问题input将被隐藏,而不是表单元素的一部分。但是ng-required,尽管该值设置为false并且各自form未验证,但仍然被应用。

请让我知道我缺少什么以使其正常工作。在此先感谢您的帮助。

0 投票
1 回答
1226 浏览

angularjs - 如果输入元素的$原始值,如何隐藏它的值

我已将 ng-model 附加到 ,但如果未触摸 ( $pristine),我想显示默认占位符值。有什么好的方法吗?我不能在初始时简单地将我的 ng-model 值设置为 null。这是我的插件: http ://plnkr.co/edit/0kzKrwKTbJzsMGG8D1gQ?p=preview

0 投票
0 回答
35 浏览

javascript - 如何使用AngularJS处理输入中的过滤值

在 AngularJS 中,处理输入中的过滤值的最佳方法是什么?

我们的用户应该输入一个数字并看到它已本地化,但您不能将输入绑定到模型并使用过滤器对其进行格式化。

我们可以有一个单独的格式化输入并解析它,但也许有一种更优雅的方式。

有人有更好的主意吗?

HTML:

工作示例:

http://jsfiddle.net/monguz/6u0zqc0L/

我们使用的是意大利语本地化的 AngularJS 1.4

非常感谢

马可