Angularjs验证在表单上无法正常工作

Question

我的表格如下：

<form name="commentForm" class="form-horizontal" role="form" novalidate>
    <div class="form-group">
        <label class="control-label col-sm-2" >Enter Name:</label>
        <div class="col-sm-10" show-errors>
            <input type="text" class="form-control" id="name" name="name" ng-model="subject.name" placeholder="Enter Name" required>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-sm-2"  for="comment">Enter comment:</label>
        <div class="col-sm-10" show-errors>
            <textarea class="form-control" rows="5" id="comment" name="comment" ng-model="subject.text" style="resize: none;" required></textarea>
        </div>
    </div>
    <div class="form-group"> 
        <div class="col-sm-offset-2 col-sm-10">
            <button ng-click="submitForm()" type="submit" class="btn btn-default" ng-disabled="commentForm.$invalid">Submit</button>
        </div>
    </div>
</form>

我创建了showErrors指令来显示必填字段的错误。

但是这种表单验证工作不正常。虽然如果我在其他部分中使用相同的代码，它工作正常。我在这里可能犯的错误是什么？