JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/additional-methods.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.12.0/jquery.validate.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.12.0/additional-methods.js"></script>

<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.css">
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.js"></script>

<form id="requestDemo" method="post" action="">
  <input id="email" type="email" class="form-control contact-method" name="data[email]" placeholder="Email">
  <input id="phone" type="text" class="form-control contact-method" name="data[phone]" placeholder="Phone">

  <input type="submit" class="button" value="Submit" />
</form>

JavaScript

jQuery(function($) {
  $('#requestDemo').validate({ // <- attach '.validate()' to your form
/*     debug: true,
    errorElement: "span",
    errorClass: "help-block", */
    rules: {
      'data[email]': {
        require_from_group: [".contact-method"]
      },
      'data[phone]': {
        require_from_group: [".contact-method"]
      }
    }
  })
});