JSFiddle - React, Tailwind, and code Playground

by hslincoln

HTML

<form name="emailsonly1" action="http://jmldirect.uat.venda.com/bin/venda" method="get" onsubmit="validateEmail(document.emailsonly1,'Please enter a valid email address'); return false;">
    <input type="hidden" name="ex" value="co_disp-view">
    <input type="hidden" name="bsref" value="shop">
    <input type="hidden" name="page" value="signupforemails">
    <input type="text" name="email" id="emailsignup" size="10" value="Your email..." class="txtSignUp" onfocus="if (this.value=='Your email...') {this.value=''};">
    <input type="image" value="" class="buttonSignUpGirl" src="/content/ebiz/shop/resources/images/spacer.gif" id="btnSignUpGirl">
    <input type="image" value="" class="buttonSignUpBoy" spacer.gif "=" " images=" " resources=" " shop=" " ebiz=" " content=" " src"="" id="btnSignUpBoy">
    <input type="image" id="btnSignUp" src="/content/ebiz/shop/resources/images/spacer.gif" class="buttonSignUp" value="">
</form>
<input type="image" value="" class="buttonSignUpGirl" src="/content/ebiz/shop/resources/images/spacer.gif" id="btnSignUpGirl">

JavaScript

jQuery('.buttonSignUpGirl').on("submit", function (event) {
    var girlsbutton = '&gender=1';
    jQuery(girlsbutton).serialize();

});

jQuery('.buttonSignUpBoy').on ("submit", function(event) {
    var boysbutton = '&gender=2';
    jQuery(boysbutton).serialize();
});