gistfile1.html

        <form name="myForm" class="my-form">
            <a href="#" ng-click="register(myForm)">aaa</a>
            userType: <input name="input" ng-model="userType" required>
            <span class="error" ng-show="myForm.input.$error.required">Required!</span><br>
            <tt>userType = {$ userType $}</tt><br>
            <tt>myForm.input.$valid = {$ myForm.input.$valid$}</tt><br>
            <tt>myForm.input.$error = {$ myForm.input.$error$}</tt><br>
            <tt>myForm.$valid = {$ myForm.$valid $}</tt><br>
            <tt>myForm.$error.required = {$!!myForm.$error.required$}</tt><br>
        </form>

myForm.input.$valid will be always invalid! I don't know why.

I am trying to isolate the problem to fix.