JSFiddle - React, Tailwind, and code Playground

by nosir

HTML

<form method="post" action="http://zanui.com.au" class="data-form" target="address-form-post-target">
    <div>
        <label>billing address-line1</label>
        <input type="text" autocomplete="address-line1">
    </div>
    <div>
        <label>billing address-line2</label>
        <input type="text" autocomplete="address-line2">
    </div>
    <div>
        <label>billing locality</label>
        <input type="text" autocomplete="locality">
    </div>
    <div>
        <label>billing region</label>
        <input type="text" autocomplete="region">
    </div>
    <div>
        <label>billing postal-code</label>
        <input type="text" name="postal-code" autocomplete="postal-code">
    </div>
    <div>
        <label>billing postal-code</label>
        <input type="text" name="postal-code" autocomplete="billing postal-code">
    </div>
    <button type="button">xxx</button>
</form>
<button type="button" class="btn-go">go</button>
<iframe src="" name="address-form-post-target" id="address-form-post-target"></iframe>

JavaScript

$('.btn-go').on('click', function () {
    $('.data-form').submit();
});