<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>