AngularJs表单中的输入验证

Input Validation in AngularJs Form

本文关键字：输入 验证 表单 AngularJs      更新时间：2023-09-26

问题，

不知怎么的，我无法通过AngularJs获得正确的验证。当必填字段不存在或提交时出现错误时，我只希望用户输入框为红色。

我创建了一个Plunkerhttp://plnkr.co/edit/0ea77wRG3EJC13c22LLn.我创造了一个非常简单的Plunker，只是为了理解。

<input type="text" name="email"  ng-model="userEmail" required>

请帮助

阅读scotch.io教程。它将为您介绍表单验证。

如果你想验证消息将显示在点击提交按钮使用一个标志。当你点击标志时，将标志设置为true，并使用角度J中的条件，如下方

<div class="form-group" ng-class="{ 'has-error' : submitClicked && userForm.email.$invalid && !userForm.email.$pristine }">

并在点击提交按钮时将submitClicked标志设置为true

<button type="submit" class="btn btn-primary btn-large" ng-click="submitClicked=true">Submit</button>

你甚至可以尝试这个链接

如果表单标记中存在novalidate属性，则验证将不起作用。

将其删除以在提交时进行工作表单验证。

相关文章：