Angular JS - 搜索表单验证

Angular JS - Search form validation

本文关键字：表单 验证 搜索表 搜索 JS Angular      更新时间：2023-09-26

我相信这个问题已经被问了好几次了，所以我会再问一次。 我正在使用 Angular 构建一个搜索表单，并且要求只存在一个搜索条件（例如名字）。 提交表格时验证表格的最佳方法是什么？

有没有一种简单的方法来"验证"模型？

取决于您的要求。您可以编写具有分组功能的自定义指令（此处的示例：http://jsfiddle.net/ExpertSystem/w8kZn/），也可以简单地使用具有多个字段值的 ng 所需的 directice。

这是一个伪示例。

<form name="searchForm">
            <input type="text" ng-model="data.firstName" name="firstNameF" ng-required="!(data.firstName.length || data.lastName.length)" />
            <input type="text" ng-model="data.lastName" name="lastNameF" ng-required="!(data.firstName.length || data.lastName.length)http://jsfiddle.net/ExpertSystem/w8kZn/" />
            <button type="submit" ng-disabled="!searchForm.$valid">Submit</button>
</form>

（此处的工作示例：http://jsfiddle.net/ahL58/10/）

相关文章：