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

angularjs - 为什么在 AngularJs 验证中需要名称属性

朋友,我是 angularjs 新手,请解释为什么angularjs 验证需要name属性

如果我删除name="userName"代码不起作用,请解释一下。

0 投票
1 回答
642 浏览

angularjs - 如何验证单个表单拆分为两个选项卡并在验证成功后保存范围数据 Angular js?

我将表单拆分为两个选项卡,并且提交按钮出现在第二个选项卡上。两个选项卡中的元素都包含在相同的表单标签中并共享相同的“ng-controller”。问题是我可以提交表单而无需填写表单元素第一个选项卡显示错误范围对象未定义。如何在这种情况下验证表单元素并在按下提交时保存范围数据。任何建议都会有很大帮助。

0 投票
1 回答
59 浏览

angularjs - 我可以重构 Angular JS 验证条件以简化代码吗?

下面的代码是我表格的一行。

我在整个片段中多次复制“AddCarForm.uCarName.$dirty && AddCarForm.uCarName.$invalid”。我可以将它重构为一个变量,随着用户输入的变化/更好的重构方式,该变量将随着条件的答案而更新?

0 投票
2 回答
1885 浏览

javascript - Angular JS 自定义验证 $asyncvalidator 未定义

尝试将 asyncvalidator 添加到我的自定义用户名验证器。但是它输出错误:

TypeError:无法设置未定义的属性“用户名”。

如何定义 asyncvalidator?我以为我会自动被 NgModel 控制器?

0 投票
1 回答
820 浏览

javascript - AngularJS验证引用具有变量名的表单对象

假设我有一个带有一些 Angular 验证的简单表单:

现在假设我想为表单名称使用变量而不是硬编码字符串:

如何修改myForm[myField].$invalidmyForm[myField].$error.required仍然引用我的表单?

0 投票
1 回答
101 浏览

angularjs - 以角度向自定义指令添加表单验证

我知道这个问题之前已经被问过,但我不知道如何将答案应用到我的问题中。我有一个角度的三态布尔指令,我不确定如何向指令添加验证状态,以便表单可以看到我的值是有效的(不是空的)

下面是我到目前为止所拥有的 plnkr 链接。有人有想法么?

plnkr 链接

0 投票
1 回答
231 浏览

javascript - Angular js $asyncValidator “未定义不是函数!” 传递承诺时

只是试图重构我的代码并打算具有以下结构:

服务:

指示:

鉴于我缺乏对承诺的了解,目前我只是在尝试。

打电话时bob= UsernameValidationHelper.usernameExists("bob");我得到一个Type Error: Undefined is not a function

我究竟做错了什么?

0 投票
1 回答
177 浏览

angularjs - 异步修改AngularJS表单字段验证属性

我有类似这个问题的情况。我的独特之处在于,在页面完成其初始渲染/绑定后的某个时间点,我会异步(通过 Web 服务调用)接收我的“动态”信息。所以,我的指令流程是这样的:

** 更新:在这里完成复制:http://plnkr.co/edit/TIVbhGFMAQpUaMxKp9Dc? p =info

这种工作:我的指令属性被一些角度验证指令替换,并且验证在此元素级别正常运行。问题是异步重新编译似乎导致父 ng-form 失去了对元素的跟踪。具体来说,当输入更改时,form.fieldName.$isDirty 永远不会设置为 true。这是有道理的,因为我基本上删除了原始元素并将其替换为不同的元素,但我想知道是否有任何机制可以让我告诉父表单这已经发生,并且它应该连接它表单级别的 $error/$dirty 机制。

谢谢!

0 投票
1 回答
102 浏览

javascript - AngularJS在应用程序加载时验证所有表单

我的应用程序有一个左侧导航,每个链接旁边显示的符号表明该页面的表单是否有效。当用户从一个页面点击到另一个页面时,Angular 会验证表单并显示正确的符号。我现在需要在用户进入应用程序时立即显示验证符号,而不是要求用户访问每个页面以查看其是否有效。有没有办法手动触发每个表单进行验证,同时仍然使用 Angular 的内置表单验证?我的一个想法是以编程方式导航到每个页面以初始化和验证每个表单。到目前为止,使用 AngularUI 路由器的 $state.go 对我来说还没有用,但我会更多地使用它。还有其他想法吗?谢谢!

0 投票
0 回答
246 浏览

javascript - AngularJS ng-pattern 和 required 不能在数字字段上正确协同工作?

我有一个表单,我需要使用 ng-pattern 和 required 验证一个字段,但它们不能正确协同工作。

表单只有一个数字字段,该字段期望该值是整数值。

当我输入“0.3”时,验证正确显示。但是当我输入“abcd..”时,验证显示“此字段是必需的”。它应该是“必须是数字”

我创建了一个演示我的问题的 plunk:

预先感谢