如何在不创建指令的情况下从具有“模式”属性的列表中进行验证?

时间:2019-05-27 01:37:28

标签: angularjs validation

城市输入字段会在用户输入城市时显示现有城市的建议选项列表。我想在提交表单之前验证用户的输入,以确保城市是列表中的城市之一。

在没有使指令复杂化的情况下,我想知道是否可以在“模式”属性中做到这一点?

这会导致模式正则表达式验证失败,因为它返回true / false

{{cities.includes(registerForm.city.$viewValue)}}

是否可以运行某种“ if”语句,以便如果城市是列表中的一个,则将视图值作为正则表达式返回并通过检查?

<input type="text" name="city" class="form-control" id="city"
       ng-model="selected" autocomplete="off"
       typeahead="city for city in cities| filter:$viewValue" required
       pattern="{{if(cities.includes(registerForm.city.$viewValue)) return registerForm.city.$viewValue;}}">

<div ng-messages="registerForm.city.$error">
    <p ng-message="pattern">Invalid city</p>
</div>

0 个答案:

没有答案