Question

在下面的代码示例中，我将在.NET环境中创建一个表单字段：

    <div class="form-group">
        <label for="friendlyname" class="col-md-3 text-align-right"><strong>Friendly Name</strong></label>
        <div class="col-md-7">
            <input name="friendlyname"
                   id="friendlyname"
                   type="text"
                   class="form-control"
                   maxlength="80"
                   placeholder="Enter a friendly name here..."
                   autocomplete="off"
                   ng-model="EventDetails.friendlyname"
                   ng-change="SaveEventDetails()"
                   ng-blur="SaveEventDetails()">
        </div>
        <div class="col-md-2"></div>
    </div>

阅读Angular验证文档，我试图指定此字段应仅包含字母和间隙（无数字）。

我不确定如何使用$ dirty或$ invalid以便继续。

欢迎任何帮助。谢谢！

Answer 1

首先看文档FormController
https://docs.angularjs.org/api/ng/type/form.FormController

在上一部分中，您有错误

是一个对象哈希，包含对控件或表单的引用
失败

验证器，其中：keys是验证令牌（错误名称）

values是控件或表单的数组，它们具有给定错误名称的验证失败。

要打印错误，您必须访问错误并检查错误名称是否为真

来自https://docs.angularjs.org/guide/forms

的示例

<input type="email" ng-model="user.email" name="uEmail" required="" />
    <br />
    <div ng-show="form.$submitted || form.uEmail.$touched">
      <span ng-show="form.uEmail.$error.required">Tell us your email.</span>
      <span ng-show="form.uEmail.$error.email">This is not a valid email.</span>
    </div>

其中form是表单名称uEmail输入名称。您可以使用ng-messages获取更多选项 https://docs.angularjs.org/api/ngMessages/directive/ngMessages 如果你想要样式表单，你可以使用bootstrap类 http://getbootstrap.com/css/#forms-control-validation

Answer 2

您可以使用ng-pattern指定您只需要字母字符。

然后，您可以将ng-title与输入的$ invalid布尔值一起使用，以便在表单无效时显示输入的文本。

角度验证ng-invalid .NET

2 个答案: