开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么$invalid，$valid，$dirty在我的Visual Studio的AngularJS项目中不能工作？

在Visual Studio的AngularJS项目中，$invalid，$valid和$dirty是AngularJS表单验证中的一些属性，用于判断表单字段的有效性和状态。如果这些属性在项目中无法正常工作，可能是由于以下原因：

未正确引入AngularJS库：确保在项目中正确引入了AngularJS库文件，包括angular.js和angular-route.js等必要的文件。
未正确使用ng-app指令：AngularJS需要通过ng-app指令将应用程序与HTML页面绑定。确保在HTML页面的适当位置添加了ng-app指令，并指定了应用程序的名称。
未正确使用ng-model指令：$invalid，$valid和$dirty属性是通过ng-model指令与表单字段关联的。确保在表单字段的HTML元素上正确使用了ng-model指令，并绑定到相应的变量。
未正确使用ng-form指令：如果表单字段位于嵌套的表单中，需要使用ng-form指令来创建子表单。确保在嵌套表单的HTML元素上正确使用了ng-form指令。
未正确使用ng-submit指令：如果表单需要提交时进行验证，需要使用ng-submit指令来指定提交表单时调用的函数。确保在表单的HTML元素上正确使用了ng-submit指令，并指定了相应的函数。
未正确使用ng-class指令：$invalid，$valid和$dirty属性可以通过ng-class指令来动态添加CSS类来改变表单字段的样式。确保在表单字段的HTML元素上正确使用了ng-class指令，并根据属性的值来设置相应的CSS类。

如果以上步骤都正确无误，但仍然无法正常工作，可能是由于其他代码或配置问题导致的。可以通过调试工具（如浏览器的开发者工具）来查看控制台输出和错误信息，以帮助定位和解决问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mpns
云存储（COS）：https://cloud.tencent.com/product/cos
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Tencent Meeting）：https://meeting.tencent.com/

请注意，以上链接仅为示例，具体的产品选择应根据实际需求和项目要求进行评估和选择。

相关搜索:如何让我的存储过程在Visual Studio项目中工作？为什么Visual studio 2019在我的项目中添加<TypeScriptCompile Remove />？为什么我的代码可以在pycharm中工作，但不能在visual studio代码中工作？为什么我的实时服务器不能在visual studio代码中工作？为什么我的visual studio 2008项目是只读的为什么我的virtualenv不能在visual studio代码中打开？为什么toDouble和toInt不能在我的项目中工作为什么在angularJS的ng-repeat中不能工作？为什么我的.UWP模拟器不能在Visual Studio中启动？为什么我的Configuration Manager在Visual Studio中是空白的？在我的Laravel项目中，Auth::check()似乎不能正常工作为什么我的onload在Wordpress中不能工作？我不知道为什么我的http请求不能在我的angular项目中工作？如何停止visual studio在我的csproj的项组中自动添加remove？为什么在我的PC上安装较旧的visual studio版本？为什么我的拼接或推送不能与AngularJS一起工作如果我在本地声明我的变量，为什么我的动画不能工作？在我的类库项目中，Visual Studio窗体的这个特定图标有什么意义？为什么Visual Studio 2019安装程序不能在我的计算机上运行？在我的xcode9项目中导入DisplaySwitcher -不工作

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

AngularJS 输入验证

AngularJS 表单和控件可以验证输入的数据。 ---- 输入验证在前面的几个章节中，你已经学到关于 AngularJS 表单和控件的知识。...AngularJS 表单和控件可以提供验证功能，并对用户输入的非法数据进行警告。客户端的验证不能确保用户输入数据的安全，所以服务端的数据验证也是必须的。 ---- 应用代码用户名是必须的。...我们使用了 ng-show指令， color:red 在邮件的 $dirty 或 $invalid 都为 true 时才显示。...属性描述 $dirty 表单有填写记录 $valid 字段内容合法的 $invalid 字段内容是非法的 $pristine 表单没有填写记录

1.3K3 0

angularjs输入验证

大家好，又见面了，我是你们的朋友全栈君。...AngularJS表单验证可以让你从一开始就写出一个具有交互性和可相应的现代HTML5表单。在AngularJS中，有许多表单验证指令。....ng-pristine { } .ng-dirty { } .ng-valid { } .ng-invalid { } 这些class对应着其对应的验证对象的结果...我们可以通过css来设置这些class的样式: input.ng-invalid { border: 1px solid red; } input.ng-valid {...$focused"> 我希望这篇文章可以告诉你如何的很酷的使用AngularJS来进行表单验证。

1.2K3 0

AngularJS ng-model 指令

; app.controller('myCtrl', function($scope) { $scope.name = "John Doe"; }); 双向绑定双向绑定，在修改输入域的值时...---- 应用状态 ng-model 指令可以为应用数据提供状态值(invalid, dirty, touched, error): AngularJS 实例状态 Valid: {{myForm.myAddress.$valid}} (如果输入的值是合法的则为 true)。... CSS 类 ng-model 指令基于它们的状态为 HTML 元素提供了 CSS 类： AngularJS 实例 input.ng-invalid { background-color...ng-valid ng-invalid ng-dirty ng-pending ng-pristine

1.1K3 0

AngularJS系列(一)——常用指令

angularjs-tutorial.html 概述 AngularJS1.x是基于MVC的js架构。...jQuery是dom搜索驱动，AngularJS是数据驱动。对于熟悉jq的同学来说，学习使用Angular就用angular的方式思考实现、即数据的角度。而不用JQ的角度、即操作dom。...为应用程序数据提供状态（invalid、dirty、touched、error）。为 HTML 元素提供 CSS 类。 2.1：绑定 HTML 元素到 HTML 表单。... 状态 Valid: {{myForm.myAddress.$valid}}(如果输入的值是合法的则为 true)。...ng-untouched ng-valid ng-invalid ng-dirty ng-pending ng-pristine

1.1K1 0

Angularjs的表单验证

原文转自 http://www.cnblogs.com/woshinidezhu/p/form-validation-with-angularjs.html 在AngularJS中，有许多用于验证的指令...$dirty 经过验证的表单表示否通过验证： formName.inputFieldName.$valid 未通过验证的表单表示否通过验证。...$invalid 最后两个属性在用于DOM元素的显示或隐藏时是特别有用的。当然，如果想要设置特定的class时，他们也是非常有用的。错误另一个有用的属性是AngularJS提供的$error对象。...这些class是: .ng-pristine {} .ng-dirty {} .ng-valid {} .ng-invalid {} 这些class对应着其对应的验证对象的结果。...我们可以通过css来设置这些class的样式: input.ng-invalid { border: 1px solid red; } input.ng-valid { border: 1px

2.2K1 0

angularjs学习第四天笔记（第一篇：简单的表单验证）

您好，我是一名后端开发工程师，由于工作需要，现在系统的从0开始学习前端js框架之angular，每天把学习的一些心得分享出来，如果有什么说的不对的地方，请多多指正，多多包涵我这个前端菜鸟，欢迎大家的点评与赐教...第四天，简单的表单验证，今天主要学习了angularjs中的表单验证的一些基本概念及其简单应用　第一、表单验证的简单理解　　　　表单验证是angularjs中比较重要的一个核心功能　　　　表单验证可以结合...html5的验证特殊使用，当然也可以禁用浏览器对表单的默认验证，添加属性【novalidate】即可　　　　表单验证毕竟只是前端js验证，在后端代码中一定需要对其数据的合法性做再次验证　　　　angularjs...：属性关键词【dirty】,bool类型,只有修改了就为true 　　　　　　合法的表单：属性关键词【valid】，bool类型，只有当表单内容合法才为true 　　　　　　不合法表单：属性关键词【invalid...】，bool类型，只要有不合法的都为true 　　　　　　错误：属性关键词【error】,bool类型，只要有不合法的都为true 　　第五、简单实现注册页面的表单验证　　　　在实现的方式上，根据不同的体验

1.3K2 0

angularjs学习第四天笔记（第一篇：简单的表单验证）

您好，我是一名后端开发工程师，由于工作需要，现在系统的从0开始学习前端js框架之angular，每天把学习的一些心得分享出来，如果有什么说的不对的地方，请多多指正，多多包涵我这个前端菜鸟，欢迎大家的点评与赐教...第四天，简单的表单验证，今天主要学习了angularjs中的表单验证的一些基本概念及其简单应用　第一、表单验证的简单理解　　　　表单验证是angularjs中比较重要的一个核心功能　　　　表单验证可以结合...html5的验证特殊使用，当然也可以禁用浏览器对表单的默认验证，添加属性【novalidate】即可　　　　表单验证毕竟只是前端js验证，在后端代码中一定需要对其数据的合法性做再次验证　　　　angularjs...：属性关键词【dirty】,bool类型,只有修改了就为true 　　　　　　合法的表单：属性关键词【valid】，bool类型，只有当表单内容合法才为true 　　　　　　不合法表单：属性关键词【invalid...】，bool类型，只要有不合法的都为true 　　　　　　错误：属性关键词【error】,bool类型，只要有不合法的都为true 　　第五、简单实现注册页面的表单验证　　　　在实现的方式上，根据不同的体验

1.7K1 0

Angularjs基础(三)

ng-model指令可以为应用数据提供状态值（invalid,dirty,touched,error）　　　　　　实例：　　　　　　　　<from ng-app="" name="myForm...$<em>valid</em>}} 　　　　　　　　　　　　{{myForm.myAddress.$<em>dirty</em>}} 　　　　　　　　　　　　{{myForm.myAddress..../移除一下类　　　　　　　　ng-empty ng-not-empty ng-touched ng-untouched ng-<em>valid</em> ng-<em>invalid</em> 　　　　　　　　ng-<em>dirty</em>...实例：当我们使用ng-repeat 指令时，没个重复<em>项</em>都访问了当前<em>的</em>重复对象。　　　　　　　　...<em>在</em><em>AngularJS</em> 使用$scope是一个应用像（属于应用变量和函数）　　　　　　　　　　控制器<em>的</em>$scope(相当于作用域，控制范围)用来保存<em>AngularJS</em> Mode(模型)<em>的</em>对象。

3.1K5 0

Angularjs基础(七)

novalidate 属性在应用中不是必须的，但是你需要在 AngularJS 表单中使用，用于重写标准的 HTML5 验证。...$dirty && myForm.user.$invalid"> 　　　　　　用户名是必须的。...$dirty && myForm.user.$invalid || 　　　　　　myForm.email.$dirty && myForm.eail....模型对象有两个属性： user 和email 　　　　我们使用了ng-show指令，color:red 在邮件是$dirty 或$invalid才显示　　　　属性：　　　　　　$dirty...表单有填写记录　　　　　　$valid 字段内容合法的　　　　　　$invalid 字段内容是非法的　　　　　　$pristine

2K7 0

angularjs 表单验证

$valid 未通过验证的表单 formName.inputFieldName.$invalid 最后两个属性在用于DOM元素的显示或隐藏时是特别有用的。...同时，如果要设置特定的class时，他们也非常有用的。错误这是AngularJS提供的另外一个非常有用的属性：$error对象。它包含当前表单的所有验证内容，以及它们是否合法的信息。...$setViewValue()方法适合于在自定义指令中监听自定义事件（比如使用具有回调函数的jQuery插件），我们会希望在回调时设置$viewValue并执行digest循环。...$dirty $dirty的值和$pristine相反，可以告诉我们用户是否和控件进行过交互。 $valid $valid值可以告诉我们当前的控件中是否有错误。...$invalid $invalid值可以告诉我们当前控件中是否存在至少一个错误，它的值和$valid相反。

6.7K7 0

【AngularJS】 # AngularJS入门

$error.email">不是一个合法的邮箱地址为应用数据提供状态值（invalid, dirty, touched, error） <form ng-app=""...控件未失去焦点 ng-valid 验证通过 ng-invalid 验证失败 ng-dirty 值改变的时候 ng-pending 任何为满足 $asyncValidators...$dirty 表单有填写记录 $valid 字段内容合法的 $invalid 字段内容是非法的 $pristine 表单没有填写记录基本的表单验证实例，novalidate 用于禁用浏览器默认的验证...$dirty&&myF.email.$invalid"> 邮箱是必须的。...$dirty && myF.user.$invalid || myF.email.$dirty && myF.email.

23.2K6 0

AngularJS简介

大家好，又见面了，我是你们的朋友全栈君。 AngularJS简介 AngularJS是一个JavaScript矿建，他是一个JavaSscript编写的库。...为应用程序数据提供状态（invalid、dirty、touched、error）。为 HTML 元素提供 CSS 类。 ...ng-init 指令初始化 AngularJS 应用程序变量。 ng-repeat 指令对于集合中（数组中）的每个项会克隆一次 HTML 元素。...CSS 类 ng-model 指令基于它们的状态为 HTML 元素提供了 CSS 类：ng-empty、ng-not-empty、ng-touched、ng-untouched、ng-valid、 ng-invalid...是各个 controller 中 scope 的桥梁。用 rootscope 定义的值，可以在各个 controller 中使用。

5K2 0

【AngularJS】—— 5 表单

这部分，我们写一个表单程序，使用angularjs的检测并完成表单属性的获取与拷贝。　　...在AngularJS中，也支持html5中多种控件的自动检测，如：text、number、url、email、radio、checkbox等等。　　...master | json}} .css-form input.ng-invalid.ng-dirty...{ background-color: #FA787E; } .css-form input.ng-valid.ng-dirty...使用save则把form中的数据保存到master中，使用reset就把master中的数据拷贝到form中。　　运行结果参考： ?

8345 0

angularjs学习第五天笔记（第二篇：表单验证升级篇）

您好，我是一名后端开发工程师，由于工作需要，现在系统的从0开始学习前端js框架之angular，每天把学习的一些心得分享出来，如果有什么说的不对的地方，请多多指正，多多包涵我这个前端菜鸟，欢迎大家的点评与赐教...第五天，昨天学习了简单的表单验证，在昨天的基础上，今天主要对表单验证进一步学习研究。　　...$dirty && loginForm.name....}) }) } } }) 　　第二、表单验证提示信息显示处理优化上面的表单验证的提示信息在体验上不是很友好...，同一个文本框有可能同时显示多个提示信息　　　　新版本的angularjs中，引入了ngMessages指令，用于更加友好的处理方式　ngmessages同时指出提示模板引入，通过ng-messges-include

1.7K1 0

angularjs学习第五天笔记（第二篇：表单验证升级篇）

您好，我是一名后端开发工程师，由于工作需要，现在系统的从0开始学习前端js框架之angular，每天把学习的一些心得分享出来，如果有什么说的不对的地方，请多多指正，多多包涵我这个前端菜鸟，欢迎大家的点评与赐教...第五天，昨天学习了简单的表单验证，在昨天的基础上，今天主要对表单验证进一步学习研究。　　...$dirty && loginForm.name....}) }) } } }) 　　第二、表单验证提示信息显示处理优化上面的表单验证的提示信息在体验上不是很友好...，同一个文本框有可能同时显示多个提示信息　　　　新版本的angularjs中，引入了ngMessages指令，用于更加友好的处理方式　ngmessages同时指出提示模板引入，通过ng-messges-include

1.5K3 0

.NETC# 项目如何优雅地设置条件编译符号？

你可以在 Visual Studio 的项目属性中设置，也可以直接在项目文件中写入 DefineConstants 属性。不过对于不同种类的项目，我建议使用不同的设置方法。...新格式推荐：在 csproj 文件中设置在项目中设置属性： 1 2 3 4 5 6 7 8 9 <Project Sdk="Microsoft.NET.Sdk...$(DefineConstants);WALTERLV 来设置，这样可以把预设<em>的</em>那些条件编译符号保留，比如通常 <em>Visual</em> <em>Studio</em> 会帮你生成<em>的</em> TRACE 条件编译符。...<em>Visual</em> <em>Studio</em> 项目属性中设置你可以<em>在</em>项目属性<em>的</em>“生成”页中找到条件编译符号<em>的</em>设置。...<em>我</em>自己用<em>的</em> <em>Visual</em> <em>Studio</em> 是英文版<em>的</em>，但是也感谢小伙伴林德熙帮我截了一张中文版<em>的</em>图。

4353 0

7-进军 angular1.x 表单和事件、模块

现在你可以在 AngularJS 应用中添加控制器，指令，过滤器等。...完整的指令内容可以参阅 AngularJS 参考手册。...("myApp", []); app.directive("runoobDirective", function() { return { template : "我在指令构造器中创建...在以下实例中， "myApp.js" 包含了应用模块的定义程序， "myCtrl.js" 文件包含了控制器： AngularJS 实例 <script src="http://apps.bdimg.com...： $pristine 表单是否未被动过 $<em>dirty</em> 表单是否被动过 $<em>valid</em> 表单是否验证通过 $<em>invalid</em> 表单是否验证失败 $error 表单<em>的</em>验证错误控制器<em>的</em>意义：控制器是分发者，处理临时数据

2.3K2 0

如何在 ASP.NET MVC 中集成 AngularJS（1）

过去两年中，我最喜欢的一项技术就是设计单页面应用（SPA）的 AngularJS。...当涉及到捆绑技术和 AngularJS 框架时，你会发现捆绑和压缩过程中会自动使用 Grunt 和 Gulp 之类的框架，Grunt 和 Gulp 技术是一种流行的 web 库并配有插件，它允许你自动化你的每一项工作...如果你是一个微软开发者，你可以使用它们在 Visual Studio 中一键式发布你的 Web 应用，而不用学习使用任何第三发工具和库类。...创建 MVC 项目并安装 Angular NuGet 包为了开始示例应用程序，我通过在 Visual Studio 2013 专业版中选择 ASP.NET Web 应用程序模板来创建一个 ASP.NET...对于这种应用，我使用的 Visual Studio 2013 专业版，这让一切变得简单，我为 Visual Studio2013 专业版下载了一个自动版本的插件 https://visualstudiogallery.msdn.microsoft.com

7.6K6 0

前端MVC学习总结（二）——AngularJS验证、过滤器、指令

$valid={{form1.password.$valid}} 是否非法：form1.password.$invalid={{form1.password....$dirty={{form1.password.$dirty}} 是否默认：form1.password....$valid={{form1.$valid}} 是否非法：form1.$invalid={{form1....AngularJS应用间不能嵌套。...例如，ngInclude 在所有浏览器上不能进行交叉域请求，一些浏览不能访问 file:// 等。

15.4K6 0

Angular 6.x 表单快速入门

Angular 中有两种表单： Template Driven Forms - 模板驱动式表单 (类似于 AngularJS 1.x 中的表单 ) Reactive Forms - 响应式表单 Template...在 Angular 表单中，若验证通过则会在表单控件上添加 ng-valid 类，若验证失败则会在表单控件上添加 ng-invalid 类。...表单控制的状态： valid - 表单控件有效 invalid - 表单控件无效 pristine - 表单控件值未改变 dirty - 表单控件值已改变 touched - 表单控件已被访问过 untouched...状态：{{userName.valid}} - 表示控件有效 Name控件的invalid状态：{{userName.invalid}} - 表示控件无效 Name...控件的pristine状态：{{userName.pristine}} - 表示控件值未改变 Name控件的dirty状态：{{userName.dirty}} - 表示控件值已改变

4.6K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭