Javascript 如何使用AngularJS检查Div元素的有效性？

我正在尝试在下面的字段中添加验证，我收到了错误消息，但它仍然允许我保存字段，我不确定我错在哪里，请帮助

到目前为止，我试过代码

validate.html

<form name="createProcessFormName"
    name="form" role="form" class="form-horizontal"
    kendo-validator="validator" k-validate-on-blur="false"
    k-options="myValidatorOptions" ng-submit="validate($event) && createProcessFormName.$invalid">

    <div class="col-md-7">

        <div multiselect-dropdown-tree ng-model="nonPersistentProcess.geoLocations" ng-class="{'disabled': disableGeoLocations}" disable-children="true" options="treeviewOptions"></div>
            <p class="status" ng-show="geoLocationRequired">*GeoLocation is required field*</p>
        </div>

        <button require-control-point="PROCESS_ADD"
            ng-hide="editMode" class="btn btn-primary pull-right" type="button"
            ng-click="validate($event)">Save</button>

---

尝试将if条件更改为：

if(!$scope.nonPersistentProcess.geoLocations.length || !$scope.nonPersistentProcess.epcfKey || !$scope.nonPersistentProcess.legalEnty || !$scope.nonPersistentProcess.erhKey)

if(!$scope.nonPersistentProcess.geoLocations.length || !$scope.nonPersistentProcess.epcfKey || !$scope.nonPersistentProcess.legalEnty || !$scope.nonPersistentProcess.erhKey)