AngularJS不会验证ng-show隐藏的表单元素上的输入
。这是因为ng-show指令只是通过CSS的display属性来控制元素的显示与隐藏，并不会影响元素的验证行为。
在AngularJS中，表单验证是通过ng-model指令和表单控制器来实现的。当一个表单元素被隐藏时，它的ng-model指令仍然会绑定到相应的模型数据上，但是由于元素被隐藏，用户无法进行输入，因此验证也不会触发。
如果需要在隐藏的表单元素上进行验证，可以考虑使用ng-if指令代替ng-show指令。ng-if指令会根据条件动态创建或销毁元素，这样隐藏的表单元素就不会存在于DOM中，也就不会参与表单验证。
另外，对于隐藏的表单元素，也可以通过手动触发验证来实现。可以使用$validate()方法来手动触发表单验证，然后通过$valid属性来判断验证结果。
需要注意的是，无论是使用ng-if还是手动触发验证，都需要在适当的时机进行验证，例如当表单提交时或者其他相关事件触发时。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发平台（MPS）：https://cloud.tencent.com/product/mps
- 对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
我正在做一个类似手风琴的注册表单，每次我通过隐藏表单的第一部分并使用ng-show扩展下一部分来进行注册的下一步时，vm.registerForm.(elementName)上的元素都是未定义的。根据我在文档中读到的，angular只将一个类应用于这些元素，那么为什么在最后一步验证表单时它们是未定义的？
我还找
浏览 7提问于2016-08-20得票数 4
回答已采纳
3回答
在我当前的项目中，我正在与动态表单验证作斗争，在我的表单中有两个字段，如用户名和电子邮件，两者都是强制性的。我已经写了两个字段(3次)，我一直在隐藏和显示，我的代码在下面，我已经将我的代码添加到柱塞中：
浏览 12提问于2015-09-15得票数 0
回答已采纳
-- And other stuff -->当我按Click Me键时，会打开一个表单，供您编辑某些内容。所有这些内容都是scope.form数据的一部分。现在，假设这个对象只有一个名为name的条目。这就是我对我的指令所做的：{
var el = $compile('<input type="text" ng-model="scope.form.name&
浏览 5提问于2014-09-05得票数 0
回答已采纳
是否可以使用ng-if指令而不是ng-show编写以下代码？class="table_row_{{childItem}}"> <div ng-show
浏览 0提问于2016-01-25得票数 0
回答已采纳
2回答
我的问题似乎很奇怪，但我已经构建了一个角度SPA，它允许用户使用输入直接将信息输入到表中。我是这样做的，因为数据从来不需要被提交到任何地方，并且被服务用来计算最后要显示的一些值。我现在的问题是，我想验证输入，以确保它们不是空的。
我已经做了一些研究，我发现的所有教程都依赖于作为表单一部分的输入，这是我试图避免的，因为表中的布局看
浏览 4提问于2017-01-05得票数 3
回答已采纳
我有一个用Symfony2表单组件构建的简单编辑表单。这意味着这个表单将在我的php控制器中填充模型数据。当进入编辑表单时，输入的值是空的(因为它们不是在角度控制器中初始化的)，然而，如果我检查firebug，它们会用适当的数据设置value属性(因为数
浏览 0提问于2014-02-06得票数 3
我有一个单一的应用程序，它有一个登录按钮，以及一些其他组件。当我加载页面时，我必须调用身份验证REST服务，如果身份验证被禁用，我不应该显示Login按钮。同样，当身份验证被启用时，我必须显示Login按钮。如何根据REST API调用的响应有条件地呈现视图？
浏览 0提问于2017-09-01得票数 0
2回答
我使用的是一个插件(jackrabbits angularjs-datetimepicker)，在使用他们的例子时，它工作得很好。
但是，我想隐藏/显示基于另一个输入的表单。我注意到，如果我隐藏/显示基于输入的指令，似乎永远不会应用该指令(我只剩下一个输入字段)。例如，如果他们想要训练-我将显示/隐藏一个表单，以允许
浏览 0提问于2015-05-26得票数 0
在使用<form>作为双向数据绑定时，我们是否应该仍然使用AngularJS元素来直接控制控制器中的表单数据？尝试更新的片段，它证明输入是有效的，而不是表单。验证类将添加到两个部分，无论是否包含该窗体。
另外，对于两个部
浏览 4提问于2015-11-15得票数 8
回答已采纳
我试图在表单提交上显示一个验证摘要，在页面顶部显示一个Div，其中包含了在angularjs中的所有验证错误消息。我使用下面的逻辑显示/隐藏带有验证消息的顶级div，
<div class="alert alert-error" ng-show="submitted && myForm.它第一次正常工作，但是在第一次提交之后，如果输入字段(必需字段)<em
浏览 4提问于2014-04-14得票数 1
回答已采纳
2回答
我在一个html页面上使用angular验证，在那里我定义了一个表单以及表单上的验证。但是，当我运行页面时，我在页面上使用的所有验证都是可见的。有没有办法隐藏所有的验证？UserName:<br>
<input type="text" name="uName" ng-model="uName" requir
浏览 2提问于2014-09-17得票数 2
1回答
我们想用AngularJS做一个验证。当‘Other’我需要‘投保数据’的数据有效时，如果有效的数据可以在屏幕上更改，如果不能，‘Other’的标题将为disabled。label> </div> </uib-tab> 如果填写了姓名、第一个姓氏和第二个姓氏，则必须进行验证</em
浏览 15提问于2019-01-30得票数 0
简短描述背景
我们有一个常用的表格，有几个字段。考虑不同应用程序状态上的多个表单，理想情况下，内容应该在一个地方而不是多个地方管理，并且应该有一个对验证方法的调用，以及一个对显示-popover方法的调用。在AngularJS中，不应该对DOM进行操作，因此需要有一个服务或
浏览 4提问于2015-12-03得票数 0
2回答
我正在尝试验证textAngular文件，我需要添加必需的，最大和最小字符和textAngular上的红色/绿色边框颜色...我有for each循环和inide textAngulars...下面是我的代码： <div100px; color:red;"
浏览 0提问于2015-09-21得票数 0
1回答
$valid && saveForm()"> <p ng-show="myForm.bar$invalid">问题:我希望我所附的表格在myValidator承诺尚未兑现时无效。
我知道在异步验证器挂起时使表单失效的两种方法，但它们都
浏览 4提问于2014-11-17得票数 18
回答已采纳
我试图提交的表格，只有成功的验证。验证是必需的，但不适用于ng- not长度。 <span ng-show$error.req
浏览 3提问于2013-08-29得票数 22
回答已采纳
有这个普通的(名称属性是服务器需要的)表单和angular，不知道如何使验证工作。我应该在ng-show="TODO“中放入什么？<input name="variants[{{$index}}][duration]" ng-model="variant.duration" required /> <input na
浏览 1提问于2013-11-08得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
