问题标签 [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.
javascript - 首次加载时不要触发 form.$invalid
有这样的形式
和这样的控制器
我有一个问题:当页面首次加载时,它会立即在用户名字段上显示红色边框,甚至在我开始输入任何内容之前。我只需要在第一次提交后突出显示无效字段。这可以使用form.$invalid
吗?
javascript - Angular 验证器和 ng-maxlength 的使用
我有以下 div,如果输入长度超过 50 个字符,我想添加引导程序的类“has-error”。这是 HTML:
我怎样才能使这项工作?我猜当你达到 50 个字符时,ng-maxlength 会抛出一个错误,比如 $error 对象,但我不知道对象是什么,如何访问它,以及是否需要在控制器或指令中做更多的工作.
这里有什么帮助吗?我找不到有关此问题和 Angular 验证器的任何“简单”信息。
编辑1:
我已经看到了你所有的回复,感谢你学到了一些新的东西,但这仍然无法正常工作。目前是这样的:
正如你们中的一个建议的那样,还测试了直接检查长度。但这些解决方案似乎都不起作用:它从不添加 has-error 类。为什么?
javascript - ng-pattern 不显示 $error.pattern
我在这里有脚本并且 ng-pattern 可以正常工作,因为 scope.subnet 仅在输入匹配模式后才会显示在输出中。但是如果 ng-pattern 不匹配,ng-show 不会显示任何错误
angularjs - 以角度形式验证字段计数
我有一个表格,其中模型包含一组子模型,如下所示:
当没有输入字段时(或者,一般来说,当输入字段的计数小于/大于某个值时)如何使表单无效
更新:感谢您的回复,我希望这可以在控制器之外完成。
angularjs - AngularJS 在保持内置浏览器 (HTML5) 验证的同时禁用表单验证
我正在使用具有三个输入的 angularJS 表单 - 文本、电子邮件和多个电子邮件字段。以上所有字段都是必需的,Angular 的验证在文本和电子邮件字段上工作正常,但不适用于多个电子邮件字段。据我所知,所有新浏览器都支持电子邮件字段上的多个属性,但显然 AngularJS 不支持,因为ng-model
当它“认为”多个电子邮件字段无效时,它并没有更新该值。
我尝试novalidate
在表单上使用,但随后我必须自己进行所有验证,而我只想告诉 Angular 忽略字段的有效性并让浏览器做它的事情..
有什么办法吗?
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 ?
javascript - 如何将字符串连接到 angularjs 中的 $scope 模型?
如何将变量连接到$scope
模型。我正在尝试做这样的事情
如何将变量连接i
起来$scope.formData.jobId
,使其变为$scope.formData.jobId1
,$scope.formData.jobId2
等等。
angularjs - 如果有条件地隐藏父 div,则 ng-required 无法按预期工作
在我的代码中,我正在使用ng-show
并ng-required
结合使用。但是,ng-required
即使将相应的$scope
变量值设置为,也无法按预期工作false
。请在下面找到代码
该select
元素具有显示选项的逻辑,并且工作正常。当我们选择“写我自己的问题”选项时,将input
显示隐藏。如果用户选择任何其他问题,自定义问题input
将被隐藏,而不是表单元素的一部分。但是ng-required
,尽管该值设置为false
并且各自form
未验证,但仍然被应用。
请让我知道我缺少什么以使其正常工作。在此先感谢您的帮助。
angularjs - 如果输入元素的$原始值,如何隐藏它的值
我已将 ng-model 附加到 ,但如果未触摸 ( $pristine
),我想显示默认占位符值。有什么好的方法吗?我不能在初始时简单地将我的 ng-model 值设置为 null。这是我的插件: http ://plnkr.co/edit/0kzKrwKTbJzsMGG8D1gQ?p=preview
javascript - 如何使用AngularJS处理输入中的过滤值
在 AngularJS 中,处理输入中的过滤值的最佳方法是什么?
我们的用户应该输入一个数字并看到它已本地化,但您不能将输入绑定到模型并使用过滤器对其进行格式化。
我们可以有一个单独的格式化输入并解析它,但也许有一种更优雅的方式。
有人有更好的主意吗?
HTML:
工作示例:
http://jsfiddle.net/monguz/6u0zqc0L/
我们使用的是意大利语本地化的 AngularJS 1.4
非常感谢
马可