<!DOCTYPE html>
<html>
<head>
<style>
input.input-validation-error { border-color: red; }
span.field-validation-error { color: red; }
</style>
</head>
<body>
<form id="exampleForm">
<div>
<label for="FirstName">First Name</label>
<input type="text" class="form-control"
id="FirstName" name="FirstName"
data-val="true"
data-val-required="First Name is required.">
<span class="field-validation-valid"
data-valmsg-for="FirstName"
data-valmsg-replace="true"></span>
</div>
<input type="submit" value="Submit">
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.6/jquery.validate.unobtrusive.js"></script>
</body>
</html>
// Code goes here
/* Styles go here */
[Original jQuery Validation Plugin](https://jqueryvalidation.org/documentation/)
[jQuery Validation Unobtrusive](https://github.com/aspnet/jquery-validation-unobtrusive)