Question

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

是否有一种“验证”模型的简单方法？

Answer 1

根据您的要求。您可以使用分组功能（例如：http://jsfiddle.net/ExpertSystem/w8kZn/）编写自定义指令，也可以简单地使用 ng-required 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/）

Angular JS - 搜索表单验证

1 个答案: