HTML5 validation that supports IE9
Using h5validate to get html5 form validation working on IE.
HTML
<script src="https://raw.github.com/dilvie/h5Validate/master/jquery.h5validate.js"></script>
<form action="http://test.createsend.com/t/d/s/cjyr/" method="post">
<div class="grid">
<div class="unit align-center whole center-on-mobiles">
<label for="full_name">Name</label>
<input id="full_name" name="cm-name" type="text" placeholder="Name" required pattern="^((?!Name).)*$" oninvalid="this.setCustomValidity('Please enter your name.')" oninput="setCustomValidity('')" />
</div>
</div>
<div class="grid">
<div class="unit align-right half center-on-mobiles">
<label for="email">Email Address</label>
<input id="email" name="cm-cjyr-cjyr" type="email" placeholder="Email Address" required pattern="^\S+@(([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6})$" />
</div>
<div class="unit align-left half center-on-mobiles">
<label for="phone_no">Phone Number</label>
<input id="phone_no" name="cm-f-iikd" type="text" placeholder="Phone Number" required pattern="^\d{10}$" oninvalid="this.setCustomValidity(this.willValidate?'':'Phone format is XXXYYYZZZZ')" oninput="setCustomValidity('')" />
</div>
</div>
<div class="grid">
<div class="unit align-center whole center-on-mobiles">
<input type="submit" name="notify" class="button" value="Notify Me" />
</div>
</div>
</form>
JavaScript
$('form').h5Validate();