JavaScript Validator

Set the animation property of the jqxValidator. Author: http://jqwidgets.com

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<form id="testForm" action="./">
    <table class="register-table">
        <tr>
            <td>Date :</td>
            <td>
                <input type="text" id="VIS_DATE" />
            </td>
        </tr>
        <tr>
            <td>E-mail:</td>
            <td>
                <input type="text" id="emailInput" class="text-input" />
            </td>
        </tr>
    </table>
</form>
<input type="button" style="margin: 10px;" id="jqxbutton" value="Submit" />

JavaScript

$("#VIS_DATE").jqxDateTimeInput({
		showTimeButton: false
		,formatString: 'dddd dd MMMM yyyy'
	});	

$('#testForm').jqxValidator({
	   hintType : 'label',
     animation: 'none',
     rules: [{
         input: '#inputVIS_DATE',
         message: 'Date is required!',
         action: 'blur,valueChanged,keyup',
         rule: 'required'},
         {     input: '#emailInput',
         message: 'email is required!',
         action: 'blur',
         rule: 'required'}
         ]
 });
 $("#jqxbutton").jqxButton({
     theme: 'energyblue',
     width: 100,
     height: 30
 });
 $("#jqxbutton").click(function () {
     $('#testForm').jqxValidator('validate');
 });