关于Angular表单验证的问题

Questions about Angular form validation

本文关键字：问题 验证 表单 Angular 关于      更新时间：2023-09-26

尝试使用ngMessages进行登录页面验证。（1） 如何确保只有当用户单击提交按钮时才显示错误消息（用户名和密码丢失）？（2） 如何阻止提交按钮以阻止用户重新提交表单。感谢

要在提交表单后显示错误消息，您应该执行类似<div ng-show="theForm.login.$error.required && theForm.$submitted"></div> 的操作

并且只提交一次，您可以使用计数器来完成此操作。

在这里，我创建了一个工作plunker。

哦，很抱歉没有注意到你使用ngMessages，但我希望这仍然能帮助

要在提交表单后显示错误消息，您应该执行类似的操作

<div ng-show="form.login.$error.required && form.$submitted"></div>

禁用按钮以阻止提交按钮以阻止用户重新提交表单。使用ng disabled（查看https://docs.angularjs.org/api/ng/directive/ngDisabled)，这应该做一些类似的事情

<button ng-click="doSomething()" ng-disabled="submitting">

如果你想显示形式肮脏的消息，请使用html并在危险信中显示一些文本，但如果你想展示另一个错误，例如"错误，电子邮件已被拿走"，你可以使用"烤面包机"库。(http://ngmodules.org/modules/AngularJS-Toaster)

相关文章：