AngularJS验证问题

我有一个表单似乎在大多数情况下工作得很好。然而，我的选择是玩了一点，我似乎不能提交表单。我的表单看起来像

<form ng-submit="submit(emailform)" name="emailform" method="post" action="" class="form-horizontal emailType" role="form">
    <div class="form-group" ng-class="{ 'has-error': emailform.inputTitle.$invalid && submitted }">
        <label for="inputTitle" class="col-lg-4 control-label">Title</label>
        <div class="col-lg-8">
            <select ng-model="formData.inputTitle"  data-ng-options="title for title in titles" id="inputTitle" required>
                <option value="">Please select</option>
            </select>
        </div>
    </div>
    <div class="form-group" ng-class="{ 'has-error': emailform.inputName.$invalid && submitted }">
        <label for="inputName" class="col-lg-4 control-label">First Name(s)</label>
        <div class="col-lg-8">
            <input ng-model="formData.inputName" type="text" class="form-control" id="inputName" name="inputName" placeholder="First Name(s)" required>
        </div>
    </div>
    <div class="form-group" ng-class="{ 'has-error': emailform.inputLinks.$invalid && submitted }">
        <label for="inputLinks" class="col-lg-4 control-label">Link to be sent</label>
        <div class="col-lg-8">
            <select ng-model="formData.inputLinks"  data-ng-options="link for link in links" id="inputLinks" required>
                <option value="">Please select</option>
            </select>
        </div>
    </div>
    <div class="form-group">
        <div class="col-lg-offset-2 col-lg-10">
            <button type="submit" class="btn btn-default" ng-disabled="submitButtonDisabled">
                Send Message
            </button>
        </div>
    </div>
</form>
<p ng-class="result" style="padding: 15px; margin: 0;">{{ resultMessage }}</p>

一个简单的表单，有两个选择和一个输入。我的控制器看起来像下面的

'use strict';
/* Controllers */
function EmailViewCtrl($scope, $http) {
    $scope.titles =
    [
        "Mr",
        "Mrs",
        "Miss",
        "Ms",
        "Dr"
    ];
    $scope.links =
    [
        "email1",
        "email2",
        "email3",
        "email4",
        "email5"
    ];
    $scope.result = 'hidden'
    $scope.resultMessage;
    $scope.formData; //formData is an object holding the name, email, subject, and message
    $scope.submitButtonDisabled = false;
    $scope.submitted = false; //used so that form errors are shown only after the form has been submitted
    $scope.submit = function(emailform) {
        $scope.submitted = true;
        $scope.submitButtonDisabled = true;
        if (emailform.$valid) {
            $http({
                method  : 'POST',
                url     : 'backend/email.php',
                data    : $.param($scope.formData),  //param method from jQuery
                headers : { 'Content-Type': 'application/x-www-form-urlencoded' }  //set the headers so angular passing info as form data (not request payload)
            }).success(function(data){
                console.log(data);
                if (data.success) { //success comes from the return json object
                    $scope.submitButtonDisabled = true;
                    $scope.resultMessage = data.message;
                    $scope.result='bg-success';
                } else {
                    $scope.submitButtonDisabled = false;
                    $scope.resultMessage = data.message;
                    $scope.result='bg-danger';
                }
            });
        } else {
            $scope.submitButtonDisabled = false;
            $scope.resultMessage = 'Failed <img src="http://www.chaosm.net/blog/wp-includes/images/smilies/icon_sad.gif" alt=":(" class="wp-smiley">  Please fill out all the fields.';
            $scope.result='bg-danger';
        }
    }
}
EmailViewCtrl.$inject = ['$scope', '$http'];

现在的问题是，我的选择在他们的默认选项(请选择)有一个红色边框周围的页面加载。显然，在他们提交表单时没有选择选项之前，这应该不会出现。

其次，如果我向表单提供有效数据，提交按钮似乎不会激活。我怎样才能使它激活?

最后，此刻，一切都在一个控制器中。我是否应该将像选择值这样的东西移动到它们自己的控制器中?实现这一点的最佳方法是什么?

谢谢