Angular验证适用于编辑表单，但不适用于新表单``

Question

下面的代码演示了对Edit Employee表单和New Employee表单的angular js验证。编辑表单验证可以正常工作，但新表单不能。请帮帮忙。

我检查了所有标签，确保设置了Required。newUser字段设置正确，如果所有字段都填写完毕，它将创建一个用户。

<div class="panel panel-primary">
<div class="panel-heading">
    New Employee
</div>
<div class="panel-body">
    <form role="form" novalidate angular-validator name="addUserForm" angular-validator-submit="Register()">
        <table class="headerLayout">
            <tr>
                <td style="padding-right: 3px;">First Name:</td>
                <td style="padding-bottom: 3px;">
                    <input type="text" name="inputFirstName" class="form-control" ng-model="newUser.FirstName"
                           placeholder="FirstName" validate-on="blur" required required-message="'First Name is required'">
                </td>
            </tr>
        </table>
    </form>
</div>
<div class="panel-footer clearfix">
    <div class="pull-right">
        <button type="button" class="btn btn-danger" ng-click="cancelCreate()">Cancel</button>
        <button type="button" class="btn btn-primary" ng-click="createUser()">Save</button>
    </div>
</div>

​

(function (app) {
'use strict';

app.controller('userNewCtrl', userNewCtrl);

userNewCtrl.$inject = ['$scope', '$modalInstance', 'apiService', 'notificationService'];

function userNewCtrl($scope, $modalInstance, apiService, notificationService) {

    $scope.cancelCreate = cancelCreate;
    $scope.createUser = createUser;

    function createUser() {
        $scope.newUser.Roles = $scope.selectedRoles;
        apiService.post('/api/users/add/', $scope.newUser,
            createUserCompleted,
            createUserFailed);
    }

    function createUserCompleted(response) {
        notificationService.displaySuccess($scope.newUser.UserName + ' has been created');
        $modalInstance.dismiss();
    }

    function createUserFailed(response) {
        notificationService.displayError(response.data);
    }

    function cancelCreate() {
        $modalInstance.dismiss();
    }
}

})(angular.module('mySite'))；

Answer 1

我所要做的就是简单地移动表单元素中的提交按钮。