JSFiddle - React, Tailwind, and code Playground

by jasenhk

HTML

<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<div id="form_container" style="">
    <form id="form_710370" target="iframe1" method="post" action="">
        <div style="margin-top:150px;margin-left:260px;">
            <div class="control-group">
                <label class="control-label">URL</label>
                <div class="controls">
                    <input id="Website" type="url" name="url1" data-validation="url" />
                </div>
            </div>
            <ul>
            <li class="buttons" style="margin-left: 250px;">
                <input id="saveForm" class="button_text" type="submit" name="submit" value="View My Mobile Site" />
                </li></ul>
    </form>
    </div>
    <iframe id="iframe1" name="iframe1" src="http://jquery.com"></iframe>

JavaScript

var submit_hit = false;

$("form").validate({
    submitHandler: function (form) {
        console.log("validate", submit_hit);
        submit_hit = true;
        form.submit();
    }
});

$("#iframe1").on("load", function() {
    console.log("load", submit_hit);
    console.log(submit_hit);
});


$("form").on("submit", function(e) {
    console.log("submit");
});