问题标签 [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 投票
1 回答
147962 浏览

javascript - AngularJS下拉需要验证

以下是我的代码片段。我想使用 Angular 验证我的下拉菜单。

有效的意思:

有效值可以是“选择服务”以外的任何值,这是我的默认值。与其他 ASP.net 一样,下拉列表需要字段验证器 DefaultValue="0",所以这里我的下拉列表将从服务中绑定,我想选择除“选择服务”之外的所有其他值。

0 投票
6 回答
47231 浏览

angularjs - angularjs ng-minlength 验证不起作用,表单仍在提交中

我正在尝试仅在成功验证时提交表单。验证适用于 required 但不适用于 ng-minlength

表单输入无效,但表单仍在提交中。

http://jsfiddle.net/pMMke/9/

我究竟做错了什么。

我不想使用提交按钮禁用方法。

0 投票
3 回答
262106 浏览

angularjs - 使用 ngpattern 验证自然输入数

我用ng-pattern="/0-9/"设置price_field不接受decimal number。但是当我输入自然数(从 0 到 9999999)时,ng-show会使用Not valid number!.

我哪里做错了?。请帮忙。

0 投票
2 回答
3026 浏览

javascript - angularjs中的表单更改和有效性

每当我的表单中的任何非只读输入发生更改并且表单有效时,我都想做某些操作。假设,我的表格看起来像

现在,一旦发生任何变化input,我都想做点什么,只要input.a有效input.b。我试过$watch(input)了,但没有用。看着它的所有成员确实如此,但感觉很愚蠢。添加ng-change到所有字段感觉更好,但仍然很愚蠢(非 DRY)。什么是正确的方法?


另一个问题是如何确定输入是否有效。如果我有一个按钮,我可以简单地做

但我怎样才能访问form.$invalid控制器(它不包含在$scope)?

0 投票
1 回答
90 浏览

javascript - 角度简单验证不起作用

这是我创建的一些 plunker。我不明白为什么它不起作用。
这是JS:

这是html:

问题是我在控制台中未定义(而不是true, false)。

0 投票
2 回答
323 浏览

javascript - 使用 ng-maxlength 时未触发 $watch 侦听器

我有一个基本上监视元素值的指令。

此元素的ng-maxlength属性设置为 150。当我传递 150 个字符时,$watch不再触发。此外,当我使用 ctrl + x 删除整个文本时,$watch再次不会触发。

输入元素

指示

当我删除ng-maxlength指令时,问题就消失了。

0 投票
1 回答
1972 浏览

javascript - 角度:复选框组的验证与模型不同步

这组复选框需要至少选中一个才能启用提交按钮。
取消选择所有复选框会禁用该按钮。
所有复选框都使用相同的范围属性 (showRequired),将它们标记为必需。

发生的情况是,第一次单击并没有像应该那样启用按钮。选择和取消选择其他复选框会使整个事情变得混乱;无论复选框处于什么状态,在任何给定的点击上都可能会或很多不会启用该按钮。

麻烦拍摄它,我看到的是ng-valid类并不总是适用于所有复选框。有时它在一个复选框上,有时它在所有复选框上,或者它们的某种组合上。使用$timeout可以解决所有问题,但我不知道为什么,使用计时器会产生不好的代码气味。 一定会有更好的办法。

我可以手动调用验证函数以使视图与模型内联:

...导致我认为我正在踩着 $digest 循环。

.
.
以下仅在使用 $timeout 时有效:

$timeout 会触发另一个 $digest,但 $scoope.$apply() 也会触发。
那么给了什么?

Plunker 示例

0 投票
2 回答
1681 浏览

html - 如何使用 AngularJS 验证选择元素

我的页面上有以下 HTML,其中有 2 个select元素。我希望它们都是必需的。我希望第二个元素currentModel保持禁用状态,直到使用除 之外的值选择第一个元素Year,这是我的默认值。

有人可以帮助我如何验证这样的选择元素吗?

0 投票
2 回答
428 浏览

angularjs - 使用 $error, $invalid 未显示表单错误

我正在尝试在 ng-book jsbin中复制一个示例。

这是我的plnkr

应用程序.js

html

我在这里面临的问题:

  1. 提交按钮未禁用
  2. 未显示必填字段的错误。
  3. 如果我点击提交,我也会在警报中获得 $hash 键。这是为什么?

谢谢。

0 投票
1 回答
410 浏览

javascript - 在 AngularJS 动态电子邮件验证元素中,当我填写电子邮件检查元素时,它被重置

这是 Angular.JS 中的电子邮件检查元素代码 几乎没问题,但这有一个问题。当我填写电子邮件检查元素时,它已重置!

示例 I 将其写入电子邮件检查元素。

“test@test.com”

但这是重置!当我写“。” <-点。

“测试@测试” <- 好的

“测试一下。” <- 重置输入。当我写“。” <-

为什么会出现问题?

Javascript

HTML