JavaScript Validator

Author: http://jqwidgets.com

HTML

<script src="http:\\jqwidgets.com\public\jqwidgets\jqxcore.js"></script>
<script src="http:\\jqwidgets.com\public\jqwidgets\jqxvalidator.js"></script>
<link rel="stylesheet" href="http:\\jqwidgets.com\public\jqwidgets\styles\jqx.base.css">
<link rel="stylesheet" href="http:\\jqwidgets.com\public\jqwidgets\styles\jqx.energyblue.css">
<script src="http:\\jqwidgets.com\public\jqwidgets\jqxbuttons.js"></script>
<script src="http:\\jqwidgets.com\public\jqwidgets\jqxcombobox.js"></script>
<script src="http:\\jqwidgets.com\public\jqwidgets\jqxlistbox.js"></script>
<script src="http://jqwidgets.com/public/jqwidgets/jqxscrollbar.js"></script>
<form id="testForm" action="./">
    <div id='jqxComboBox'></div>
</form>
<input type="button" style="margin: 10px;" id="jqxbutton" value="Submit" />

JavaScript

var source = [
      "Affogato",
      "Americano",
      "Bicerin",
      "Breve",
      "Café Bombón",
      "Café au lait",
      "Caffé Corretto",
      "Café Crema",
      "Caffé Latte"];
  // Create a jqxComboBox
  $("#jqxComboBox").jqxComboBox({
      source: source,
      theme: 'energyblue',
      width: '200px',
      height: '25px'
  });
  $('#testForm').jqxValidator({
      hintType: 'label',
      rules: [{
          input: '#jqxComboBox',
          message: 'Value is required!',
          action: 'change',
          rule: function () {
              var item = $("#jqxComboBox").jqxComboBox('getSelectedItem');
              if (!item) return false;
              return true;
          }
      }, ]
  });
  $("#jqxbutton").jqxButton({
      theme: 'energyblue',
      width: 100,
      height: 30
  });
  $('#testForm').on('validationError', function (event) {
      alert('You havent filled the form correctly!')
  });
  $("#jqxbutton").click(function () {
      $('#testForm').jqxValidator('validate');
  });