javascript - AngularJS 表单,检查有效性

标签 javascript angularjs validation

我有一个表格,想测试该表格的有效性。我在 Controller 中有一个函数可以检查 $valid

$scope.checkValid = function(){
    console.log($scope.form.address)
    console.log($scope.form.address.$valid);
    if($scope.form.address.$valid){ 
       dosomething();
     }
 }   

dosomething() 什么也没做! 第一个 console.log 生成一个构造函数对象,其有效值为 true。

$valid: true

但第二个控制台日志显示 FALSE!

为什么会发生这种情况?我无法弄清楚,谷歌也没有答案。

任何建议表示赞赏。

最佳答案

您想要验证表单有效性,那就是表单范围内的变量“formName.$valid”。

您确实应该像其他人提到的那样提供 jsfiddle,因为您没有指定在哪里以及如何使用此方法 checkValid();

您可以在“formName.$error”中看到任何验证错误

更新你的 fiddle :

您没有在该有效性变量上设置任何观察程序

修复后的工作 fiddle 在这里:Working example

_

或者,您可以在该输入上使用“ng-change='inputChanged(event)'”并检查有效性。

关于javascript - AngularJS 表单,检查有效性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27526773/

相关文章:

javascript - 跨域文件(接收方)如何工作?

javascript - 从共享主机拥有的站点压缩 css、图像和 js 文件

javascript - 函数未在 Angular2 上执行

javascript - Angularjs 和 typeahead,如何摆脱 [object Object]

javascript - ionic leaflet angularjs 指令 - 通过服务在侧边菜单中切换 tileLayer

javascript - Hapijs 在身份验证之前验证参数

javascript - 为什么会这样? (JavaScript 加载问题..)

javascript - Angularjs - 使用指令来实例化其他指令?

javascript - 带有单选按钮的客户端自定义验证

java - Spring MVC : Automatically return back to the same page upon binding errors