JSFiddle - React, Tailwind, and code Playground

by dvanauken

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>
<form id="requestDemo">
    <input id="email" type="email" class="form-control contact-method" name="data[email]" placeholder="Email" />
    <br/>
    <input id="phone" type="text" class="form-control contact-method" name="data[phone]" placeholder="Phone" />
    <br/>
    <input type="submit" />
</form>

JavaScript

$(document).ready(function () {
    
    $('#requestDemo').validate({
        debug: false,
        errorElement: "span",
        errorClass: "help-block",
        rules: {
            "data[phone]": {
                require_from_group: [1, ".contact-method"]
            },
                "data[email]": {
                require_from_group: [1, ".contact-method"]
            }
        }
    });
    
});