JSFiddle - React, Tailwind, and code Playground

by Krzysztof Niecikowski

HTML

<form>
input 1: <input type="text" id="input1" name="input1">	
input 2: <input type="text" id="input2" name="input2">	
input 3: <input type="text" id="input3" name="input3">	
input 4: <input type="text" id="input4" name="input4">	
<input type="submit"  value="Submit" id="submit" name="submit">         
</form>

<div id="val-input1" title="Error" class="val-noshow">Empty Input 1</div>
<div id="input1" title="Error" class="val-noshow">Empty Input 1</div>
<div id="input1" title="Error" class="val-noshow">Empty Input 1</div>
<div id="input1" title="Error" class="val-noshow">Empty Input 1</div>

JavaScript

$(document).ready(function(){
	
$("#submit").click(function(){

var input1 = $('#input1').val();
var input2 = $('#input1').val();
var input3 = $('#input1').val();
var input4 = $('#input1').val();

var valid = true;