gpt4 book ai didi

javascript - ng-pattern 不显示 $error.pattern

转载 作者:可可西里 更新时间:2023-11-01 01:29:59 27 4
gpt4 key购买 nike

我有脚本 here并且 ng-pattern 工作正常,因为 scope.subnet 仅在输入匹配模式后才显示在输出中。但是如果 ng-pattern 不匹配,ng-show 不会显示任何错误

<body ng-contoller="myConfigGenCtr">
<form novalidate name="myForm">
<div class="form-group">
<label for="hostname">Firewall hostname</label>
<input type="text" ng-model="hostname" class="form-control" id="hostname">
</div>
<div class="form-group">
<label for="subnet">Firewall subnet</label>
<input type="text" ng-model="subnet" class="form-control" id="subnet"
required ng-pattern="/^(?:[0-9]{1,3}\.){3}/" >
<div class="custom-error" ng-show="myForm.subnet.$error.pattern">
Not a valid subnet, should be i.e. 10.x.y. (3 bytes only)</div>
</div>
</form>
<div>Output: {{subnet}}</div>
</body>

最佳答案

当您添加带有名称的表单标签时,angular 会为该 name 属性值创建一个 scope 变量,并添加具有 名称属性。这些字段属性变量在表单范围对象中创建。像这里一样,您使用的是 myForm,这意味着 $scope.myFrom 具有有关表单字段的所有信息。例如使用 $valid$invalid$error 等的有效性。

在这里,您在表单的 subnet 元素上使用 ng-show="myForm.subnet.$error.pattern"。您错过了在输入字段上添加 name="subnet" 属性,结果是 subnet 元素验证在 myForm 范围变量中不可用.

标记

<input type="text" name="subnet" ng-model="subnet" class="form-control" 
id="subnet" required ng-pattern="/^(?:[0-9]{1,3}\.){3}/" >

Working Plunkr

关于javascript - ng-pattern 不显示 $error.pattern,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31995684/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com