JSFiddle - React, Tailwind, and code Playground

by jumpnett

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/soria/soria.css">
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="dojoToolkit/dojo-build-1.6.1/dojo/resources/dojo.css" />
        <link rel="stylesheet" href="dojoToolkit/dojo-build-1.6.1/dijit/themes/soria/soria.css" media="screen" />
        <script src="dojoToolkit/dojo-build-1.6.1/dojo/dojo.js" data-dojo-config="isDebug:false, parseOnLoad:true, useCommentedJson:true"></script>
                
        <script src="formbuilder.js"></script>
    </head>
    
    <body class="soria">
    
    </body>
</html>

JavaScript

dojo.require("dijit.form.Form");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.ValidationTextBox");

function buildForm() {
    var form = new dijit.form.Form({
        encType: 'multipart/form-data',
        action: '',
        method: '',
        onSubmit: function(event) { 
            if (this.validate()) {
                return confirm('Form is valid, press OK to submit');
            } else {
                alert('Form contains invalid data.  Please correct first');
                return false;
            }
        }
    }, dojo.doc.createElement('div'));
    
    var textbox = new dijit.form.ValidationTextBox({
        name: 'someName',
        required: true,
        type: 'text',
        trim: true,
        label: "Input"
    }, dojo.doc.createElement('input'));
    
    var submitbtn = new dijit.form.Button({
        name: 'submit',
        type: 'submit',
        value: 'Submit',
        label: "Submit"
    }, dojo.doc.createElement('button'));
    
    var resetbtn = new dijit.form.Button({
        type: 'reset',
        label: 'Reset'
    }, dojo.doc.createElement('button'));
    
    document.body.appendChild(form.domNode);
    form.domNode.appendChild(textbox.domNode);
    form.domNode.appendChild(submitbtn.domNode);
    form.domNode.appendChild(resetbtn.domNode);
}

dojo.addOnLoad(buildForm);