JSFiddle - React, Tailwind, and code Playground

by snover

HTML

<script src="http://code.jquery.com/jquery-1.4.3rc2.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script src="http://github.com/jquery/jquery-metadata/raw/master/jquery.metadata.js"></script>
<form id="login" method="get" action="http://www.google.com" target="frame">
    <div>
        <input name="email" type="text" value="" />
        <input name="pass" type="password" value="" />
        <input type="submit" value="Go to Google" />
    </div>
</form>

<iframe name="frame"></iframe>

JavaScript

$(document).ready(function () {
    $.metadata.setType("attr", "validate");
    $("#login").validate( {
        rules: {
            email: { required:true, email:true },
            pass: { required:true }
        },
          
        submitHandler: function(form) {
            $(form).find(":submit").attr("disabled", "disabled").attr("value", "Submitting...");
            form.submit();
        }
    
    });
});