当前位置: 首页 > 面试题库 >

元素上的AngularJS表单验证指令$ setValidity

汪玮
2023-03-14
问题内容

我正在尝试$setValidity在指令中的元素上使用。我发现的所有示例似乎都在控制器上进行了设置…

我在表单验证上派了一个JS小提琴,并尝试了很多方法。任何见解将不胜感激:http
:
//jsfiddle.net/thomporter/pmKpG/2/

在小提琴中,$setValidity在控制器上调用:

ctrl.$setValidity('pwd', true);

我想做类似的事情:

elm.$setValidity('pwd', true);

这样我就可以执行以下操作:

ng-class="{error:form.password.$error.pwd}"

问题答案:

我想通了…您必须在输入元素上有一个名称。添加名称后,错误会根据需要自动绑定到元素,而无需进行其他更改!

<input ng-model="password"
       name="inputPassword"
       class="immediate-help"
       password-validate
       required
       type="password"
       id="inputPassword"
       placeholder="Password">

http://jsfiddle.net/thomporter/pmKpG/4/



 类似资料:
  • 问题内容: 我在AngularJS应用程序中创建了一个指令,该指令在我的应用程序中生成样式输入。看起来像这样: 它的模板是: 调用很简单: 我想为此字段创建验证,并添加了错误信息: 而showError是: 基本上,它是从《用AngularJS掌握Web应用程序开发》一书中复制的。我有一个问题,因为当我在控制台中登录表单时,我的名字是,而不是name属性,这里的值应该是“ name”。我究竟做错了

  • 问题内容: 我无法在现有答案中找到解决方案,因此我将其发布。 我有一个包含许多输入字段的表单,其中很多都是必需的。 表单中有按钮(超过2个),并使用ng-click绑定到控制器中的功能。 在执行功能之前,我需要先在ng-click上验证表单。 默认情况下,表单验证是在函数执行后进行的。如果未填写必填字段,则功能不应运行。 我制造了一个小提琴。https://jsfiddle.net/z1uyyqg

  • 我需要创建一个验证指令来自动显示每个输入的所有输入错误。此验证指令应该显示当前时刻的所有错误,错误列表应该在用户键入时自动更新。 链接到JSFiddle,带有一些用于测试的代码。 附言。UI-UTIL也有类似的功能,但它们的指令不能在一个地方设置类似的错误消息。

  • 问题内容: 我有这样的设置: 控制器广播事件 指令侦听,然后通过append将其写入DOM,并以此创建指定指令的新元素。 IE浏览器: Angular从未调用过指令 当我检查DOM(并调试)时,我看到Controller 和指令正在执行其工作,并且有新的元素。 什么不见​​了?动态创建这些元素后需要做什么来触发指令调用? 问题答案: 请参阅。您可以类似于以下方式使用此服务: 这将执行新元素的编译和

  • 本文向大家介绍AngularJS实现表单验证,包括了AngularJS实现表单验证的使用技巧和注意事项,需要的朋友参考一下 虽然我不是前端程序员,但明白前端做好验证是多么重要。 因为这样后端就可以多喘口气了,而且相比后端什么的果然还是前端可以提高用户的幸福感。 AngularJS提供了很方便的表单验证功能,在此记录一番。 首先从下面这段代码开始 input标签的一些验证选项,通常和HTML5标记搭

  • 本文向大家介绍AngularJS手动表单验证,包括了AngularJS手动表单验证的使用技巧和注意事项,需要的朋友参考一下 所谓手动验证是通过AngularJS表单的属性来验证,而成为AngularJS表单必须满足两个条件: 1、给form元素加上novalidate="novalidate"; 2、给form元素加上name="theForm", 如下: ● 给form加上novalidate=