JSFiddle - React, Tailwind, and code Playground

by waqasahmad724

HTML

<input type="text" value="Full name" size="20" id="FullName" onfocus="this.value=''">
<br />
<input type="text" value="Email" size="20" id="Email" onfocus="this.value=''">
<br />
<input type="text" value="Venue Name" size="20" id="VenueName" onfocus="this.value=''">
<br />
<input type="text" value="Venue Postcode" size="20" id="VenuePostcode" onfocus="this.value=''">
<br />
<select id="select">
<option>sdasd</option>
<option>sdasd</option>
</select>
<button type="submit" name="form[Submit]" id="Submit" class="rsform-submit-button">Submit</button>

JavaScript

jQuery("#Submit").prop('disabled', true);

var toValidate = jQuery('input, #select'),
    valid = false;
toValidate.keyup(function () {
    if (jQuery(this).val().length > 0) {
        jQuery(this).data('valid', true);
    } else {
        jQuery(this).data('valid', false);
    }
    toValidate.each(function () {
        if (jQuery(this).data('valid') == true) {
            valid = true;
        } else {
            valid = false;
        }
    });
    if (valid === true) {
        jQuery("#Submit").prop('disabled', false);
    } else {
        jQuery("#Submit").prop('disabled', true);
    }
});