验证一个ng-包含在表单中
ng-是Angular框架中的一个指令，用于表示一个Angular组件或指令被包含在一个表单中。ng-是Angular的核心指令之一，用于实现数据绑定、事件处理、表单验证等功能。
在表单中使用ng-可以实现以下功能：
- 数据绑定：ng-model指令可以将表单元素的值与Angular组件中的变量进行双向绑定，实现数据的同步更新。
- 表单验证：ng-提供了一系列的验证指令，如ng-required、ng-minlength、ng-pattern等，用于验证表单元素的输入是否符合要求。
- 表单交互：ng-submit指令可以监听表单的提交事件，并执行相应的操作，如发送表单数据到服务器进行处理。
- 表单控件状态管理：ng-pristine、ng-dirty、ng-valid、ng-invalid等指令可以根据表单元素的状态来动态改变样式或显示错误信息。
- 表单动态控制：ng-disabled、ng-show、ng-hide等指令可以根据表单元素的值或状态来动态控制其他元素的可用性或显示状态。
在使用ng-时，可以结合其他Angular指令和组件来实现更复杂的功能，如结合ng-repeat实现动态生成表单字段，结合ng-messages实现表单验证错误信息的显示等。
腾讯云提供了一系列与Angular相关的产品和服务，如云服务器、云数据库、云存储等，可以满足开发者在使用Angular框架时的各种需求。具体产品和服务的介绍和链接地址可以参考腾讯云官方网站的相关页面。
相关·内容
我有一个有条件出现的元素，需要在可见时填写。(使用ng-必需)
但是，当它不可见时，我将得到以下错误：
名称=‘’的无效窗体控件不可聚焦
如何强制ng-只在它的元素是可见的情况下才需要工作。我不想在表单中输入任何验证，因为如果我输入了，当元素可见时，验证就不会发生。
浏览 3提问于2015-03-12得票数 7
回答已采纳
我正在创建一个带有输入元素的模板的指令。通常，当输入在具有独立作用域的指令之外时，您可以访问formName.inputName.但是，当您将它放在带有独立作用域的指令中时，我无法访问外部表单。即使我可以访问它，我也不认为inputName输入控件在表单上是可访问的。我需要查看输入控件上的$dirty、$invalid标志，并使它们的ng-无效和ng-脏类名可用。有这样的事吗？
一个显示我正在做的事情的概要的按钮是。
更多信息:我可以在$scope.$parent上找到表单，但是其中有一个{ inputName }字段，而不是inputName的值。
浏览 6提问于2014-05-19得票数 2
回答已采纳
我正在使用app Engine和Django编写一个应用程序。App Engine/Django有哪些内置的表单验证？例如，我如何验证用户实际上输入的是整数而不是字符串？
浏览 6提问于2009-05-07得票数 1
回答已采纳
1回答
肮脏的状态管理和字段重用
、、、
Angular.js在字段级别和表单级别管理表单字段的脏状态:如果我在表单字段中输入某个内容，这个字段就会变脏，表单也会变得脏。
在我们的项目中，我们使用表单字段脏状态，使用css类ng-脏突出显示已经触及的字段。
只要我们有一个模型值的精确形式字段，这一切都是好的。
但典型的用例是模型中的元素数组。并以(详细)形式对项目进行管理。
开始编辑其中一个会导致相应的表单字段变得脏。这很好。
现在，如果编辑了下一个条目，表单中将填充它的值。但是现在表单元素脏状态和模型值脏状态是不同步的:表单字段是脏的，模型值不是。
我想知道为什么角使用表单字段脏状态而不是模型值脏状态来设置表单中的类。将来有计划改变
浏览 0提问于2014-05-26得票数 0
回答已采纳
我对前端验证是新手，所以我希望能在这里得到一点帮助，我正在使用JQuery验证插件在提交表单之前验证我的表单。下面是我的表单的一个简短示例：
<form method="POST" action="{{ route('employees.store') }}" name="createEmployeeForm" enctype="multipart/form-data">
<input name="_token" type="hidden" value=&#
浏览 5提问于2017-08-22得票数 1
2回答
我需要创建登录表单进入网站。但并不简单(用户名和密码)。第一步-用户输入电话，我需要从数据库中检查电话号码，如果输入了电话号码的用户存在-生成随机代码并发送到phne。两个步骤-检查此代码，如果成功-验证站点中的用户。标准symfony2功能不允许这样做。请帮我解决这个问题)
浏览 3提问于2013-11-30得票数 4
1回答
ng-最大长度不工作
、、、、
我有一个Angular 4应用程序。我正在尝试向表单输入添加验证，其中包含数字的输入不应接受超过4位的数字。如果更多，它应该使表单无效。我使用的是反应式表单。这就是代码。
<input class="form-control form-control-amount no-z-index"
id="forNumber"
name="forNumber"
formControlName="forNumber"
ng-required="true"
type=
浏览 10提问于2017-12-13得票数 0
回答已采纳
我知道：
The ng-if directive removes the content from the page and ng-show/ng-hide
uses the CSS display property to hide content.
但我想要理解的是:既然我处理的是一种简单的形式--我应该使用哪一种形式？而且，考虑到我正在处理的是大数据/表，我应该使用哪一个？
给出:ng所需的条件与ng显示相同，否则表单验证会受到影响，如果没有这样的问题，那么最好使用ng-if吗？
浏览 5提问于2014-02-25得票数 1
回答已采纳
我试着用ng-重复生成表单输入。注意：'customFields‘是一个字段名数组：“年龄”、“体重”、“种族”。
<div class="control-group" ng-repeat="field in customFields">
<label class="control-label">{{field}}</label>
<div class="controls">
<input type="text" ng-m
浏览 8提问于2013-07-25得票数 23
回答已采纳
我有一个按钮和一张桌子。如果任何行无效，我希望禁用该按钮。我怎样才能做到这一点？
///// This doesn't work, I have no access to myForm /////
<button ng-disabled="myForm.$invalid">Save</button>
<table>
<tr ng-repeat="item in items" ng-form="myForm">
<td>
<input type=&#
浏览 2提问于2016-05-04得票数 1
回答已采纳
2回答
JSF消息:取消本地化？
、、、
我有一个简单的表单，每个<h:inputText>旁边都有一个<h:message>，用来显示验证消息。
我希望一个特定的字段是一个介于1和999999之间的数字，如果该数字不在正确的范围内，将显示验证消息。使用以下命令：
<f:validateLongRange minimum="1" maximum="999999"/>
我明白了：
productId: Validation Error: Specified attribute is not between
the expected values of 1 and 999
浏览 0提问于2010-11-17得票数 1
回答已采纳
我想知道是否有一种偏好使用ng-单击提交按钮或只是有一个ng-提交的表格？
我的假设是，我们应该在所有表单上使用ng-submit，并对任何不是表单的内容使用ng-单击。
我知道以下的不同之处：
ng-submit允许用户在将焦点集中在不单击ng键的表单上时按enter
ng-click可用于任何元素，其中ng-submit只能应用于表单元素。
我想知道是否有人可以在这个列表中添加其他内容，因为我想知道在一个角度的项目中，规范是什么。
浏览 2提问于2016-05-19得票数 3
1回答
在页面中，CKEditor将文件发送给PHP代码。PHP正确地保存文件并生成JSON响应。
{
"uploaded": 1,
"fileName": "266dbc33b1fb783ba3bad4285ecc11ab.png",
"url": "http://localhost/CodeIgniter2/img/266dbc33b1fb783ba3bad4285ecc11ab.png"
}
为什么CKEditor不以图像的形式使用这些数据？CKEditor只显示数据，而不显示文件上传的表单。
浏览 2提问于2015-08-06得票数 3
1回答
我正在开发一个角度应用程序，目的是在移动和网络浏览器上部署它。在格式化表单以显示无效输入时，应该针对角“ng-无效”类还是HTML5“：”CSS伪类？
浏览 0提问于2019-02-02得票数 1
回答已采纳
2回答
在下面的代码示例中，我在.NET环境中创建了一个表单域：
<div class="form-group">
<label for="friendlyname" class="col-md-3 text-align-right"><strong>Friendly Name</strong></label>
<div class="col-md-7">
<input name="frie
浏览 1提问于2016-05-08得票数 0
1回答
我正在开发一个网站在asp.net作为我的表单前端，我有一个3文本框上的验证控件，例如: requiredFieldValidator与联合现在按钮。和带有2个文本框的搜索按钮，上面没有验证控件
当我单击搜索按钮时，它会要求我填写三个文本框以进行验证，并且不会重定向到其他页面
我需要的是，当我点击搜索按钮，我的表单应该重定向
浏览 0提问于2010-12-09得票数 1
回答已采纳
2回答
我有一个引导模式，包含两个单选按钮:第一个包含表单，第二个包含剑道网格。我必须选择从表单中创建一个新对象，或者从网格中选择一个存在对象，以便能够从网格中选择一个存在对象，我禁用了表单中的验证，如下所示：
<div >
@Html.LabelFor(model => model.xxxxx)
<div >
@{ Html.EnableClientValidation(false); }
@Ht
浏览 1提问于2015-04-09得票数 0
回答已采纳
如何验证一些不在表单标记内的输入？
我找到的所有示例都有一个表单标记，但我想验证一些不在表单中的输入。
浏览 1提问于2009-01-28得票数 9
1回答
我在AngularJS (v1.x)中使用ng-repeat编辑了一个数据项，其中数据包括一个名称和一个从/ date到日期的日期。
var myPersons = [{
name: "John Smith",
coverFromDate: "05/13/2016",
coverToDate: "05/15/2016"
},
{
name: "Fanny Schmelter",
coverFromDate: "05/16/201
浏览 1提问于2017-05-30得票数 2
1回答
我编写了一个名为lobInclude的指令，我想要和ngInclude一样，但是没有作用域：
.directive("lobInclude", ["$templateRequest", "$compile", function($templateRequest, $compile) {
return {
restrict: "A",
scope: false,
compile: function() {
r
浏览 2提问于2015-07-09得票数 0
回答已采纳
以下是我想做的事：
我有一个有两个输入的表单，一个是输入"email“，另一个是输入”密码“。
在$scope中有一个名为form的对象
这两个输入都有ng模型指令( ng-model ="form.input_name")
我只想让一个图标出现在输入旁边，只有在输入中输入了什么东西时才出现。
该图标有一个操作，以清除输入(使用angularjs锤子的指令‘ng-抽头’)。
为了检查是否设置了输入并使图标出现，我使用ng- if ="form.input_name.length>0“。
问题是，只有当输入是$valid时，输入的
浏览 1提问于2013-09-16得票数 3
回答已采纳
1回答
blazor页面中列表的数据注释
、、、、
我使用以下方法对blazor(server)中的表单进行验证
<EditForm Model="@place" OnValidSubmit="HandleValidSubmit" Context="placesEdit" >
<DataAnnotationsValidator />
<InputText @bind-Value="place.Name"/>
<ValidationMessage For="() => place.Name" />
</Ed
浏览 0提问于2020-03-29得票数 4
我们目前有一个Django应用程序，它使用Piston为许多API端点提供服务，这些端点执行从应用程序读取和写入数据的混合操作。添加身份验证层，可能是OAuth-2是我们开发中的下一个任务。列表。
我们应该继续使用Django-Piston组合，使用Piston内置的OAuth-2功能，还是寻找其他替代方案？
我还对在生产中使用Django-Piston和OAuth-2的站点列表感兴趣。我已经找到了，这很有趣。
浏览 2提问于2011-06-10得票数 0
2回答
我有一个有角的JS形式如下：
<div ng-controller="EmpController as empVm"
name="formEmployee" ng-form >
<div>
<div class="col-sm-5">
Email
</div>
<div class="col-sm-7">
<inpu
浏览 3提问于2017-08-17得票数 0
回答已采纳
在我最近的应用中，我使用了带有角度材料控制的角度框架。我正在为以下问题寻找一个很好的解决方案：
向用户显示一个带有输入字段nickname的表单nickname。用户选择昵称并提交表单后，服务器将检查昵称是否已被接受。在这种情况下，它返回一个错误的角度客户端。
为了向用户显示适当的错误，代码然后调用form.nickname.$setValidity('nicknameTaken', true)。新的ngMessages模块用于向用户显示错误。此外，还使用form.$isInvalid禁用窗体控件，以防止用户重新提交无效的昵称。
我现在的问题是:当用户再次开始编辑表单字段时，我
浏览 2提问于2015-08-22得票数 0
回答已采纳
1回答
iOS应用程序设置绑定约束
、、、、
我正在为iOS应用程序使用Settings包。是否可以根据另一个字段向字段添加一些约束？
我举一个例子。我有两个领域：
Field1: 10;
Field2: 15;
可以强制用户将小于“Field1”?的值放入“Field2”中。
谢谢
浏览 2提问于2015-08-17得票数 0
回答已采纳
1回答
我已经使用wxWidgets和autotools开始了一个新项目。wxWidgets表单是用wxFormBuilder构建的，因此表单的源文件是自动生成的。
表单文件(.h、.cpp)是否应该包含在发行版中？如果不是，wxFormBuilder应该是吗？
表单文件是否应该存储在存储库中(我将使用GitHub)。
我还计划使用travis-ci，以防这会影响我应该如何处理这个问题。
我对所有这些工具都是新手，所以欢迎任何建议。
浏览 2提问于2016-03-08得票数 0
角度和离子应用
我有一个包含大量<select>元素的表单，该表单为用户提供从列表中选择或输入值的if the <option> = 'Other' then I show another <input>。然后，我将值保存到另一个ng-model。
<select data-ng-model="minor.tests.liveEarth"
name="minorTestLiveEarth"
required>
&l
浏览 1提问于2016-08-18得票数 0
回答已采纳
我有这样的表格：
<form action="controller/action"
ng-controller="modelController as ctrl"
method="post" class="form-horizontal"
name="referencesForm">
<input name="References[0].Position" ng-model="ctrl.model.References[0].P
浏览 2提问于2016-10-04得票数 1
回答已采纳
我在使用CodeIgniter时遇到了这样的问题：-当我单击表单中的submit按钮时，表单被提交并正确验证-当我没有单击submit按钮而只是按下<enter>时，表单验证总是失败，有什么解决方案吗？这是CI表单验证中的一个缺陷，还是我遗漏了什么？
我在那里有什么代码：
--- the form view ---
form_open("/");
...some inputs...
echo form_submit('submit', 'Přihlásit');
form_close();
...
--- the controll
浏览 0提问于2010-12-03得票数 0
我有一个嵌套的表单组，名为“等级”：
尽管嵌套的窗体组“年级”中应用了ng无效类，但子窗体控件确实应用了ng-有效类。
为什么无效状态不从嵌套窗体继承到其控件？
this.schoolyearForm = this.formBuilder.group({
name: [this.createSchoolyear.name, [Validators.minLength(3), Validators.required]],
endDate: [this.createSchoolyear.endDate, Validators.required],
startDate: [this.cr
浏览 5提问于2017-02-20得票数 3
回答已采纳
3回答
角度2 ng-必需
、、、、
我在angular 2中创建了一个模型驱动的表单，只有当上面的复选框未选中时，其中一个输入域才会出现。我的问题是，只有在复选框未选中的情况下，我才能将该输入设置为必需的？在angular 1.x中，我可以在视图中使用ng-required="condition“来实现这一点。
下面是html：
//复选框
<div class="checkbox col-sm-9">
<label>
<input type="checkbox" id="getCompanyAddress" style=&#
浏览 6提问于2016-10-10得票数 9
回答已采纳
所以我有一个带有ng-if表达式的div中的表单。没有那个ng-if，我可以只做$scope.form，但是我发现ng-if创建了一个子范围。
那么我如何访问控制器中的表单呢？
基本上：
<div ng-if="whatever">
<form name="x">
</form>
</div>
浏览 1提问于2015-10-03得票数 2
回答已采纳
奇怪的问题时断时续地发生，我对另一个服务的HTTPS调用会导致抛出异常(根据callback...etc，底层通道关闭，远程证书无效)。
我在一个蔚蓝的应用服务中托管.net核心(461)。
我正在使用的服务上的SSL证书是一个公共CA (GeoTrust/Digicert)证书，相同的调用几乎一直在工作，但是当它们通常在没有任何代码更改或部署的情况下失败时，我会得到一些时间。
奇怪的是，我提供了自己的委托(ServerCertificateValidationCallback)来浏览正在返回的证书的细节、它的链、策略错误等等--当我得到错误时，SSLPolicyError被设置为Remote
浏览 0提问于2018-05-29得票数 0
回答已采纳
使用angularjs进行表单验证时，当用户单击提交时，我希望将所有必填字段标记为错误。
我使用input.ng-dirty.ng-invalid来设置有错误的控件的样式。因此，我想要的是在所需的控件(或所有控件..当用户提交表单时，对我来说也是一样的。
验证正在运行。我明白为什么，我尝试的东西可能是错的，但我找不到其他方法来达到同样的效果，除了我认为太复杂而不正确的东西。
我尝试的是：
<div ng-app>
<form novalidate>
<input name="formvalue" type="text
浏览 0提问于2013-08-20得票数 7
回答已采纳
1回答
我一直在寻找一种加密的方法来验证通过Elixir中的十六进制包管理器下载的包的完整性和真实性。到目前为止我什么也没找到。
一些包管理器支持像OpenPGP这样的数字签名系统，以确保安装在目标系统上的代码与包的作者生成的代码完全相同，从而阻止试图更改中央数据存储上的数据的攻击。
在Elixir和Erlang的流行包管理器Hex中，是否有任何类型的支持？
浏览 15提问于2018-02-01得票数 3
回答已采纳
1回答
我正在考虑购买伞形表格，但在此之前，我想检查一件事是否可能，并相当容易做到。
作为我的“booking”表单的一部分，我希望用户看到(CurrentPage.PackageName)包名，用户正在为其预订包。我正在努力做到这一点，因为"CurrentPage“在表单部分中没有得到认可。
我希望能够跟踪以下字段：
名字-可以使用umbraco表单完成。
姓氏-可以使用umbraco表单完成。
电子邮件地址-可以使用umbraco表单完成。
我要问的是哪个假日包裹：“需要获取当前的包裹名称”。(可能以标签的形式显示在表单上)
在此表单的末尾，用户应收到一封带有他/她
浏览 5提问于2016-08-08得票数 0
1回答
与在表单提交后从操作返回消息相比，Faces验证器可以为表单字段验证提供更好的UI体验。但是，我是否需要在表单提交操作中也验证的腰带和大括号方法？关于绕过faces验证器恶意提交表单的可能性，我找不到明确的答案。
浏览 0提问于2012-03-14得票数 0
回答已采纳
1回答
我使用jquery和验证插件来验证客户端的表单条目。
与其重载呈现的HTML，我认为最好将不同表单的验证规则保存在单独的文件中。然而，当我尝试这样做的时候，我总是会得到一个防火墙错误，验证是一个未知的函数。
以下是验证规则：
(function($){
signinval = function(){
$(document).ready(function(){
$('#login').validate({
debug: false,
rules: {
loginEmail:
浏览 2提问于2014-02-18得票数 1
回答已采纳
AngularJS V标准： 1.3.8
JSFiddle:
我一直在开发一个小型AngularJS应用程序，遇到了一些问题。我在页面上有一个ng-repeat，它填充表单的内容。表单中的项数由绑定到模型的下拉列表定义，并使用ng-options填充。类似于：
<select id="testAmount" ng-model="selectedItem" ng-options="item.name for item in items"></select>
<form role="form" nam
浏览 3提问于2015-02-02得票数 2
回答已采纳
我们有一个ASP.NET MVC 5 web应用程序。我们定期使用JAWS与Internet 11 (企业授权)和Chrome一起进行可访问性测试。当用户进入字段时，我们一直遇到JAWS无法读取与表单字段相关的验证消息的问题。我们使用FluentValidation和标准的helpers来显示表单字段和验证消息(例如下面的例子)：
@Html.LabelFor(model => model.Email)
@Html.EditorFor(model => model.Email)
@Html.ValidationMessageFor(model => model.Email,
浏览 0提问于2018-08-14得票数 6
回答已采纳
到目前为止，我有一个简单的web应用程序，它是使用laravel框架用php编写的。
我的问题在标题中:如果我有一个具有多个SELECT元素的web表单，是否有人可以使用javascript将新选项附加到该‘`SELECT’元素并提交该表单(从而将不应该的项保存到我的数据库中的选项？)？
浏览 0提问于2016-08-13得票数 0
1回答
我被下面的问题弄糊涂了。我有以下使用AngularJS的html输入：
<input class="form-control" type="number" name="widgetQuantity" id="widgetQuantity"
ng-model="finalWidget.quantity" placeholder="Enter A Number" min="1"
ng-pattern="/^\d+$/" required/>
<p
浏览 2提问于2016-10-11得票数 0
回答已采纳
我正在尝试离子框架，它看起来真的很好。然而，我在表单提交方面有一个问题:表单会触发两次。首先，当提交按钮被按下，然后如果我只点击屏幕上的任何地方。这种情况发生在xcode模拟器和我的iPhone4GS上。
这就是我所做的工作:我用:离子型启动myApp sidemenu安装了sidemenu模板。
然后我简单地将此表单粘贴到选项卡-破折号模板：
<form ng-submit="createTask(task)">
<div class="list">
<label class="
浏览 3提问于2014-08-03得票数 2
回答已采纳
我有一个名为contact.html.twig的视图。它有一个带有一些文本字段的表单。我想使用javascript来验证所有字段都不是空的，以及其他一些规则。但是我不知道把.js和定义放在哪里。我也不知道如何使用Twig符号调用.js脚本。
浏览 0提问于2012-07-03得票数 12
回答已采纳
1回答
我已经创建了一个包-一个自定义组件。包包含*.pas和*.dfm。我编译包并将*.DCU路径添加到库中。我把组件从工具调色板放到测试应用程序表单中，德尔菲抱怨说它找不到x.dfm。如果我将dfm添加到库中，路径测试应用程序就会编译得很好。对我来说，这有点像我正在做的事情。我错过了什么？谢谢。
更新1:我的组件显示自定义表单。我的*.pas文件有{$R *.dfm}
浏览 4提问于2014-03-19得票数 2
回答已采纳
我有表格。在该表单中，我有一个下拉列表，它将项添加到模型中的数组中。在该数组的ng-重复中，有一个模型需要的需求列表，然后它才能被认为是有效的，并显示在<span>元素中。使用ng类运行的函数检查该列表，以便根据需求是否满足而将需求显示为绿色或红色。当这些项目中的任何一个都是红色时，我需要该表格被视为无效。我尝试在<span>元素的类以及设置颜色的类中返回ng无效，但是表单忽略了这一点。我能做些什么才能让这件事成功？
浏览 2提问于2016-02-15得票数 0
回答已采纳
6回答
我有一个表单，在这个表单中，我在加载时提交此表单。
我希望当这个页面被加载时，它会等待一些秒数，然后提交此表单。我不想使用任何按钮提交此表单，它应该是自动提交表单。有可能吗？
我的html页面代码如下所示
<form name="main" ng-submit="submitForm(main_1)">
<table align="center">
<tr>
<td>First Name :</td>
<td&
浏览 0提问于2017-07-19得票数 1
一段时间以来，我一直在努力解决动态表单的问题，这些表单会根据之前的输入而变化。这是我的第一个Symfony项目，所以我仍然在掌握所有东西如何协同工作的诀窍。
我所拥有的是一个选择时间段的表单类型。有预设的时段(如1分钟、5分钟、30分钟、1小时等)和自定义文本框，用于输入特定的秒数。此表单可以嵌入到其他表单中，因此(afaik)没有可以访问的标准ID。我希望自定义时间文本框仅在从预设时间列表中选择“自定义时间”(空值)时才可见。
或者，预设值可以仅将以秒为单位的值写入自定义值(并且需要在修改自定义文本框时将预设框更改为自定义)。这也是可以接受的。
如果没有使用表单构建器，这将是微不足道的Jav
浏览 1提问于2011-10-14得票数 0
回答已采纳
我有一个Play 2.0.1应用程序，刚刚通过spring数据绑定器掌握了表单处理的诀窍，就像一样。我已经有了一个表单，假设一个用户向另一个用户发送了一条消息，如下所示：
public class MessageForm {
@NotNull @NotEmpty
public String message;
@NotNull
public User recipient;
// i know, no sender
}
我的自定义绑定器确保用户(在HTML表单中由他的id表示)得到正确的序列化，并在不存在这样的用户时缺省为null。
我正在考虑编写额外的验证，即确保通过表
浏览 0提问于2012-06-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
