Angular，从外部表单提交时验证表单

Question

我的表单外面有一个按钮，正在为我提交表单。我想让验证工作（如果可能的话）。只是一个注释 - 我不能改变HTML。这是代码。

HTML ：

  <form name="newCourse" ng-submit="newCourseForm.saveCourse()">
       <div class="form-group col-sm-6">
       <label class="control-label" for="inputDefault">Course Name</label>
       <input type="text" class="form-control" id="courseName" placeholder="Course Name" required ng-model="courseName">
       </div>
       ...
  </form>

然后这个按钮就是一堆div 高于之前的html

  <button ng-click="newCourseForm.saveCourse()"><i class="fa fa-check-circle"></i> Save</button>

表单外部的提交按钮有效，但它没有运行验证，就像我在表单中有按钮一样。我有点卡住因为ui dev如何构建这个并且想知道是否有办法解决这个问题，或者我错过了什么。谢谢！

编辑：我考虑过将整个html包装在一个表单中，并且实际上尝试使用它。然而，当点击尝试提交表单时，它可以正常工作，因此，如果有一种方法可以有效地阻止它，那么它可能会起作用。