JSFiddle - React, Tailwind, and code Playground

by Jessie Lau

HTML

<form action="/process" method="POST">
          <div class="form-group">
            <label for="name">Your Name:</label>
            <input type="text" name="name" class="form-control">
            {% with messages = get_flashed_messages() %}
            {% for message in messages: %}
            {% if message: %}
            <p class="falsh-message">{{ message }}</p>
            {% endif %}
            {% endfor %}
            {% endwith %}
          </div>
          <div class="form-group">
            <label for="location">Dojo Location:</label>
            <select class="form-control" name="location">
              <option>SEATTLE</option>
              <option>SILICON VALLEY</option>
              <option>LOS ANGELES</option>
            </select>
          </div>
          <div class="form-group">
            <label for="language">Favorite language:</label>
            <select class="form-control" name="language">
              <option>PYTHON</option>
              <option>MEAN</option>
              <option>PHP</option>
              <option>RUBY</option>
              <option>IOS</option>
            </select>
          </div>
          <div class="form-group comment">
            <label for="comment">Comment (required):</label>
            <textarea class="form-control" name="comment" rows="4" cols="90"></textarea>
            {% with messages = get_flashed_messages() %}
            {% for message in messages: %}
            {% if message: %}
            <p class="falsh-message">{{ message }}</p>
            {% endif %}
            {% endfor %}
            {% endwith %}
          </div>
          <button type="submit" class="btn btn-default pull-right">Button</button>
        </form>

JavaScript

from flask import Flask, render_template, request, flash, redirect
from models import User
app = Flask("__name__")
app.secret_key = "IsSrecretKey"


@app.route("/")
def index():
    return render_template("index.html")


@app.route("/process", methods=["POST"])
def display_form_info():
    if len(request.form['name']) == 0:
        flash("This field can't be blank.")
        return redirect('/')
    else:
        name = request.form['name']
    if len(request.form['comment']) == 0:
        flash("This field can't be blank.")
        return redirect('/')
    else:
        comment = request.form['comment']
        if len(request.form['comment']) > 120:
            flash("Your comment is more than 120 characters.")
            return redirect('/')

    location = request.form['location']
    fave_language = request.form['language']
    user = User(name, location, fave_language, comment)
    return render_template("result.html", user=user)

app.run(debug=True)