当前位置: 首页 > 面试题库 >

触发对Angular Form提交中的所有字段的验证

林夕
2023-03-14
问题内容

我正在使用这种方法:http :
//plnkr.co/edit/A6gvyoXbBd2kfToPmiiA?p=preview仅用于验证模糊字段。这可以正常工作,但是当用户单击“提交”按钮(不是真正的提交,而是对函数的data-
ng-click调用)时,我也想验证它们(并显示这些字段的错误(如果有))。

单击该按钮时,是否有某种方法可以再次触发所有字段的验证?


问题答案:

对我$setSubmitted有用的是使用该功能,该功能首先显示在1.3.20版的angular文档中。

在我想触发验证的click事件中,我执行了以下操作:

vm.triggerSubmit = function() {
    vm.homeForm.$setSubmitted();
    ...
}

这就是我所需要的。根据文档,它“将表单设置为提交状态”。这里提到。



 类似资料:
  • 问题内容: 如果文档中包含此内容,我会提前道歉,但我似乎找不到。 我有一个非常简单的表单,它使用多个按钮,就像我使用Twitter引导程序一样。问题是,单击表单中的任何按钮似乎都会触发角度的提交事件:在我的表单中,有几个输入字段使用“ require”属性,因此单击任何按钮都会打开一个对话框,指出该字段为需要。一切都很好,除了我只希望在用户单击实际的提交按钮时进行验证。 我尝试将ng-submit

  • 问题内容: Github支持使用PGP密钥签署提交。 我们有一个开源项目,该项目接受没有PGP密钥的人员的贡献。安全性对我们至关重要,因此我们决定, 合并合并请求请求的每个人都将使用其PGP密钥对合并进行签名,因此每次实际提交都将由作者和/或合并直接签名。 设置连续集成构建以确保这确实发生的最佳方法是什么?如果有人将代码提交或合并到主存储库中,而没有使用给定授权密钥列表中的PGP密钥对其进行签名,

  • 其实我是用条形码扫描器来输入字段的。如果我有3个字段,那就是: 物料条码: 物料条码: 序列条码: 步骤: 1。在物料条形码文本字段 2中扫描物料条形码。扫描条形码“项目条形码”文本字段 3中的项目条形码。在串行条码文本字段中对串行条码进行扫描,扫描后自动提交。 那么问题来了,如果所有的字段都填好了,怎么自动提交呢? 谢谢你。

  • 问题内容: 我正在构建一个两步表单的Angular JS应用。它实际上只是一种形式,但是当用户单击“下一步”按钮并转到步骤2时,使用JavaScript隐藏了第一个面板,并显示第二个面板。我在步骤1中的某些字段上设置了“必需”验证但是很明显,当用户单击“下一步”按钮时,它们不会得到验证…在步骤2的最后单击“提交”按钮时,它们将得到验证。 单击“下一步”按钮时,有什么方法可以告诉angular验证表

  • 问题内容: 在Flask 0.8中,我知道我可以使用来访问单个表单域form.fieldname.data,但是有一种简单的方法可以遍历所有表单域吗?我正在构建一个电子邮件正文,我想遍历所有字段并为每个字段创建一个字段名/值条目,而不是通过命名每个字段并附加来手动创建它。 问题答案: 你可以遍历表单数据: 你可以遍历所有表单字段:

  • 问题内容: 在我看来,我想使用ajax将表单提交给控制器。我有这个: 请求完成并成功完成后,我应该会在控制台中收到一条消息,并收到一个Toastr通知,但是我什么都没有收到,也没有收到任何控制台错误,但是我输入的记录已成功输入,因此,意味着该表单是通过常规MVC约定提交的。 如何使我的Ajax提交工作? 更新资料 在下面用Sparky进行评论后,我将代码更改为: 现在,如果表单为空..而我按下了创