A Login form powered by AngularJS directives [Form Validation]

login.html

    <!-- SPLASH: LOGIN PAGE -->
    <section id="signup-login" data-transition="slide">
        <article class="active splash">
            <img src="./images/html5logos/white.png" class="logo">
            <div class="form">
                <form name="signup" novalidate ng-submit="signIn(signup)">
                    <fieldset class="radius-top" data-icon="user">
                        <input type="text" name="fullNames" ng-model="fullNames" ng-pattern="/^[\w]+(\s)[\w]+$/" ng-class="{'error': !signup.fullNames.$valid}" placeholder="Your username" id="txt-signup-name" value="" required>
                    </fieldset>
                    <fieldset class="radius-bottom shadow" data-icon="phone">
                        <input type="text" name="phoneNumber" ng-model="phoneNumber" ng-pattern="/^(\+)?[\d]{6,}$/" ng-class="{'error': !signup.phoneNumber.$valid}" placeholder="Your phone number" value="" required>
                    </fieldset>
                    <br>
                    <button class="anchor" id="sign-up" dataviewsection="homepage">
                        <span class="icon lock"></span>
                        <abbr>Sign In: {{signup.$valid}}</abbr>
                    </button>
                </form>
            </div>
            <span class="copyright text thin">Handcrafted by
                <span class="text bold">Jhene Knights</span>&copy;2013
            </span>
        </article>
    </section>