JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Регистрация</h2>
		
		
	
		<form  method="post" name="form">
    
		<p>
		<label>введите ваше имя<br></label>
		<input name="name" type="text" size="20" maxlength="20" onBlur="check(this.value,name)"><span id="name"></span>
		</p>

		<p>
		<label>Введите фамилию<br></label>
		<input name="surname" type="text" size="20" maxlength="20" onBlur="check(this.value,'surname')"><span id="surname"></span>
		</p>
		<p>
		<label>Дата рождения<br>
			
			<select onBlur="check(this.value,'date')">	
				<option selected>День</option>
				<script src="date.js"></script>
			</select>
			<select onBlur="check(this.value,'date')">	
				<option selected>Месяц</option>
				<option>Январь</option>
				<option>Февраль</option>
				<option>Март</option>
				<option>Апрель</option>
				<option>Май</option>
				<option>Июнь</option>
				<option>Июль</option>
				<option>Август</option>
				<option>Сентябрь</option>
				<option>Октябрь</option>
				<option>Ноябрь</option>
				<option>Декабрь</option>
			</select onBlur="check(this.value,'date')">
			<select>	
				<option selected>Год</option>
				<script src="year.js"></script>
			</select>
		</label>
		
		</p>
		<p>
		<label>Введите ваш Email:<br></label>
		<input name="email" type="text" size="20" maxlength="20" onBlur="check(this.value,'email')"><span id="email"></span>
		</p>
		<p>
		<label>Введите ваш пароль:<br></label>
		<input name="password" type="password" size="20" maxlength="20" onBlur="check(this.value,'password')"><span id="password"></span>
		</p>
		<p>
		<label>Повторите пароль пароль:<br></label>
		<input name="passwordcontrol" type="password" size="20" maxlength="20" onBlur="check(this.value,'passwordcontrol')"><span id="passwordcontrol"></span>
		</p>
		
		<p>
		<input type="button" name="button" value="Зарегистрироваться" onclick="reg(this.form)">
 
		</p>
		</form>

JavaScript

console.clear();
function check(val,title){
	if(val==''){
		document.getElementById(title).innerHTML='Вы не ввели данные';
	}else document.getElementById(title).innerHTML='';
}
function reg (val){ <!--создаю проверку заполнености всех полей формы-->
	for(i=0;i<8;i++){
		if(val.elements[i].value==''){
			alert ('Вы заполнили не все поля формы');
			val.elements[i].focus();
			return false;
		}		
	}
    if (val.password.value != val.passwordcontrol.value){<!--создаю проверку на совпадают-->
			alert ('Пароли не совпвдают');
			val.password.focus();
			return false;
		}	
}