<div ng-app> <form name="infoForm"> <p> <label>Etunimi</label> <input name="firstName" type="text" ng-model="firstName" required ng-minlength="2"> <div ng-show="infoForm.firstName.$invalid && infoForm.firstName.$dirty"> Etunimi ei ole validi! </div> </p> <p> <label>Sukunimi</label> <input name="lastName" type="text" ng-model="lastName" required ng-minlength="2"> <div ng-show="infoForm.lastName.$invalid && infoForm.lastName.$dirty"> Sukunimi ei ole validi! </div> </p> <p> <label>Puhelinnumero</label> <input name="phoneNumber" type="text" ng-model="phoneNumber" required ng-pattern="/^[0-9]{9,}$/"> <div ng-show="infoForm.phoneNumber.$invalid && infoForm.phoneNumber.$dirty"> Puhelinnumero ei ole validi! </div> </p> <p> <label>Sähköpostiosoite</label> <input name="emailAddress" type="text" ng-model="emailAddress" required ng-pattern="/^.+@.+\..+$/"> <div ng-show="infoForm.emailAddress.$invalid && infoForm.emailAddress.$dirty"> Sähköpostiosoite ei ole validi! </div> </p> <p> <input type="submit" value="Lähetä" ng-disabled="infoForm.$invalid"> </p> </form> </div>