Slide 143 - Using form validation methods

snippet.html

<form name="myForm">
	<h3>Training complaint form</h3>
	<!--  Show only if the complaint msg length > 5. -->
	<alert type="error" data-ng-if="myForm.txtContent.$error.maxlength">
		Complaint message must be five characters long or less!
	</alert>
	<!--  Name is required -->
	Your name: <input type="text" name="inputName" ng-model="complaint.name" required/>
	<!-- Correct mail format + required -->
	Your mail: <input type="email" name="inputMail" ng-model="complaint.mail" required/>
	<!--  Required + 5 characters max -->
	Your complaint: <input type="text" name="txtContent" ng-model="complaint.content" required data-ng-maxlength="5" />
	<!--  Disabled if the form has any error. -->
	<button class="btn" ng-click="sendComplaint()">Send</button> 
</form>