JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/additional-methods.js"></script>
<form id="signup">
    <input type="text" name="data[User][homephone1]" />
    <br/>
    <input type="text" name="data[User][homephone2]" />
    <br/>
    <input type="text" name="data[User][homephone3]" />
    <br/>
    <input type="submit" />
</form>
<a href="http://docs.jquery.com/Plugins/Validation" target="_blank">Validation Documentation</a>

CSS

a {
    display: block;
    position: absolute;
    bottom: 0;
}

JavaScript

$(document).ready(function () {

    $("#signup").validate({
        rules: {
            "data[User][homephone1]": {
                required: true,
                number: true,
                rangelength: [3, 3]
            },
            "data[User][homephone2]": {
                required: true,
                number: true,
                rangelength: [3, 3]
            },
            "data[User][homephone3]": {
                required: true,
                number: true,
                rangelength: [4, 4]
            }
        },
        messages: {
            "data[User][homephone1]": "Please enter a valid Phone Number",
            "data[User][homephone2]": "Please enter a valid Phone Number",
            "data[User][homephone3]": "Please enter a valid Phone Number"
        },
        groups: {
            phoneGroup: "data[User][homephone1] data[User][homephone2] data[User][homephone3]"
        }
    });

});