JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.js"></script>
<form action="#" id="frm-summary-aims" method="post">
    <input type="text" value="" name="entry_date" id="date1" data-val-required="The Date field is required." data-val-date="The field Date must be a date." data-val="true" class="date-summary-and-aims" />
    <span data-valmsg-replace="true" data-valmsg-for="entry_date" class="field-validation-valid"></span>
    <button class="small blue">Save</button>
</form>

CSS

input.input-validation-error[type="email"], input.input-validation-error[type="number"], input.input-validation-error[type="text"], input.input-validation-error[type="password"], select.input-validation-error, textarea.input-validation-error {
    border: 1px solid red;
}

JavaScript

$('#date1').datepicker({
    dateFormat: 'dd M y'
}).datepicker("setDate", "0");

$('#frm-summary-aims').submit(function () {
    //alert('success');
    alert($(this).valid())
});