JSFiddle - React, Tailwind, and code Playground

by Chase Wilson

HTML

<form id="signup-form" action="#">
    <fieldset class="inputboxes">
        <div class="field field-name">
            <label for="name">Name:</label>
            <input name="name" id="signup-form-name" placeholder="John Smith" validate="required" />
        </div>
        <div class="field field-email">
            <label for="email">Email:</label>
            <input name="email" id="signup-form-email" placeholder="[email protected]" validate="required email" />
        </div>
    </fieldset>
</form>

JavaScript

var Validate = function(form, options){
    this.form = document.getElementById(form);
    this.initialize(this.form,options);
};

Validate.prototype = {
    initialize: function(form,options){
        var selectors = this.options.selectors;
        this.elements = this.form.querySelectorAll(selectors.join(","));
    },
    
};


var elements = $$('form input[validate],form input[data-validate]');
console.log(elements);