JSFiddle - React, Tailwind, and code Playground

by js_test

HTML

<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<input />
<button class="skip">submit</button>

CSS

input, button, select {
    border:1px solid black;
    clear:both;
    display:inline-block;
    margin:12px 12px 0;
    padding:6px 12px;
}
button {
    background:white;
    text-transform:uppercase;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.error {
    border:1px solid red;
}
.ui-effects-wrapper {
    display:inline;
}

JavaScript

var $button = $("button"),
    $input = $("input, select");

$button.click(function () {
    if (!$input.val()) {
        $input.effect("shake", "slow")
            .addClass("error");

        $input.keypress(function () {
            $(this).removeClass("error");
        });
    }
});