问题标签 [angularjs-forms]

This might be well a beginner question. I am trying to validate my login form and redirect to success.html on success. But I am unable to navigate to next page. I tried using $location.path('/success'). here is the working sample in plunker.. http://plnkr.co/edit/0v7njznHdtwgpaG2NfwA?p=preview

由于 debounce 值很长，当我点击“DISCARD”时，ng-model 不会反映它的变化。

但是，我想要的是，当我单击“保存”时，我可以更改去抖动值或使其过期，以便立即反映更改。

我在 AngularJs 文档中找不到 cancelDebounce()，有人愿意提供解决方案吗？谢谢

我有一个外部表单，一旦提交，就会将用户发送到下一步。内部表单正在为嵌套在外部表单中的表提交搜索请求。目前我的解决方案没有触发这两种形式中的任何一种。

jsfiddle在这里

PS我的例子显然没有使用AngularJS，不同的是我的表单有data-ng-submit.

我有一组经常重复使用的表单输入，它们在我的应用程序中重复使用，因此我试图将它们封装在自定义指令中。我想ngModel在我的指令上设置一个，并将其拆分为可在主指令中的几个不同输入（其中一些是指令本身）中进行编辑。

同时，我需要将表单验证结果向上传递到父表单，以便我可以显示适当的消息和样式。

实现这一点的最简单和最惯用的方法是什么？

这些（简化的）模板应该给你一个我要做什么的例子......

外部模板.html

myDirectiveTemplate.html

目前，两者myDirectiveForm都myDirectiveInstance将自己发布为outerForm FormController. 我希望让这个指令成为一个黑匣子，所以myDirectiveForm直接附加到的事实outerForm困扰着我，似乎表明我做错了什么。

这是我的指令定义现在的样子。

myDirective.js

这是我的 HTML / Angular：

问题是，当用户在没有填写“用户名”或“国家”部分的情况下点击提交时，AngularJS 会向后端发送一个 JSON 对象，其中只有“电子邮件”和“密码”作为字典中的键。字典中不存在“用户名”和“国家/地区”键（从现在开始，将“国家/地区”字段称为“userextended_set”，因为它在我的 ng-model 中被称为该字段）。如何让 AngularJS 不完全忽略它，并至少发送值为“null”的键？

编辑：这很奇怪，因为即使我在“userextended_set”字段上有 ng-trim="false"，如果我最初提交表单时没有在“userextended_set”中填写任何内容，AngularJS 也不会发送“userextended_set”作为 JSON 中的键目的。但是如果我在“userextended_set”中输入一些内容然后删除它，然后点击提交，JSON 会发送“userextended_set”作为键。

我有一个包含两个字段的表单：validFrom 和 validUntil。ValidUntil 有一个自定义验证器，如果值在 validFrom 中的值之前，它将使字段无效。只要它有效，就可以正常工作直到我正在编辑。但是，当表单处于无效状态时，我将 validFrom 值编辑为更早的值，我希望表单能够验证，但事实并非如此。如何触发重新验证？

我试过vm.form.validUntil.$validate()了，这似乎做了一些事情，但只有在我第二次更新 validFrom 值之后。

有任何想法吗？

我在带有 required 属性的输入文本框中有以下代码，但是当我关闭该字段或提交表单时，它不会阻止表单提交并通知用户该字段是必需的。

我需要做什么才能使所需的指令起作用？

我有一个带有多个提交按钮的表单：

和一个指令：

我的目标是仅在表单有效时才提交表单，并带有多个提交按钮（即我不能在表单中使用 ng-submit 指令）。上面的代码不起作用。这样做的正确方法是什么？这甚至可能吗？

这似乎应该很容易做到，但我不确定为什么这不起作用。我要做的就是将此字符串传递给函数。

我试过这个。

我也试过这个。

在js方面。

我想做的就是提醒“债务”这个词。我得到的只是未定义的。

我有一个 AngularJS 表单，它有一个自定义验证器来检查服务器后端输入值是否唯一。唯一验证由mob-async-validate-unique以下示例中的指令完成。

表格看起来有点像这样：

我想使用相同的表单来添加和编辑我放置的模型$scope。

一切都很好，除了唯一的验证器会在编辑操作上触发，即使值与原始值相同，然后将唯一验证为false，因为该值已经存在。在以下两种情况下，验证器都会将该字段标记为无效：

1. 更改字段值，然后将其编辑回原始值
2. 提交表单而不更改任何内容

实现这一目标的最佳方法是什么？我能想到的天真的方法是，我必须将原始值存储在一个$scope.originalValue变量中，然后在唯一的验证元素上添加一个属性来命名这个变量。在验证器中，我将从 $scope 中读取此值并将其与当前值进行比较，以使验证器在两个值相同时接受它。我将继续执行此操作。

我在几个地方以通用方式使用唯一验证器（是<input>的，为了简单和易读，我没有包含在代码示例中的元素上使用了更多属性）并且需要验证器在其上完全运行拥有并且理想情况下希望将控制器$scope排除在图片之外，以便我可以在任何地方/我想要的任何地方使用自定义异步验证器。