JSFiddle - React, Tailwind, and code Playground

by dimt

HTML

<div>
	<input type="text" id="name"></input>
	
	<div class="input_check"><div>
<div>

CSS

.input_check{
	width: 50px;
	height: 50px;
}

JavaScript

$('input[type="text"]').on('change keyup paste', function(e){

var reg = /^[A-Za-z0-9 ]{6,}$/;
		var $target = $(e.target);
		var $check_label = $target.siblings('.input_check');
		
		reg.test($target.val())	? $check_label.css('background-color', 'green') : $check_label.css('background-color', 'red')
		
});