关于Angular表单验证的问题

时间:2016-01-06 03:31:00

标签: javascript angularjs

尝试使用ngMessages进行登录页面验证。 (1)如何仅在用户单击“提交”按钮时确保显示错误消息(缺少用户名和密码)? (2)如何阻止提交按钮以防止用户重新提交表单。 感谢

2 个答案:

答案 0 :(得分:1)

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

的操作

只有在你用计数器才能提交时才提交。

我在这里创建了一个有效的plunker

哎呀,抱歉没注意你使用ngMessages,但我希望这仍然会有所帮助

答案 1 :(得分:1)

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

<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并在危险信中显示一些文字,但是如果你想显示另一个错误,例如&#34;错误,则电子邮件已被拍摄&#34;你可以使用烤面包机&#39;图书馆。 (http://ngmodules.org/modules/AngularJS-Toaster