JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.min.js"></script>
<form action="/Address/AddAddress" id="frmAddress" method="post" name="frmAddress">
<input name="CompanyName" class="SPE-Formcontrol" id="CompanyName" type="text" value="" />
<br/> <a href="#" class="btn btn-success">Find Company</a>
</form>
JavaScript
$(document).ready(function () {
$("#frmAddress").validate({
rules: {
CompanyName: {
required: true
}
},
messages: {
CompanyName: {
required: "Required"
}
},
errorClass: "validationError",
submitHandler: function (form) {
// your ajax function here,
alert('valid form: ajax called');
return false;
}
});
$('#frmAddress a').on('click', function () {
$('#frmAddress').submit();
});
});