JSFiddle - React, Tailwind, and code Playground

by kirito0709

HTML

<form class="question custom_k" action="/faq/?bitrix_include_areas=N" id="form_default" method="post">
    <a name="form_default"></a>
    <div class="bg_top">
                                    <div class="qw_block">
                <div class="title">Тема вопроса</div>
                <div class="qw_input"><input type="text" value="" name="THEME"></div>
            </div>
                <div class="qw_block">
            <div class="title">Текст вопроса <span>*</span></div>
            <div class="qw_textarea"><textarea name="question" class="req" onchange="validen('', 'question')"></textarea></div>
        </div>

    </div>
    <div class="qw_bottom-wrapper">
        <div class="bottom-form">
                                                <div class="qw_block white">
                        <div class="title">Ваше имя <span>*</span></div>
                        <div class="qw_input"><input name="USER_NAME" onchange="validen('', 'USER_NAME')" type="text" class="req" value=""></div>
                    </div>
                                                                <div class="qw_block white">
                        <div class="title">Ваш E-mail <span>*</span></div>
                        <div class="qw_input"><input name="USER_EMAIL"  type="text" class="req" value=""></div>
                    </div>
                                                                <div class="qw_block white">
                        <div class="title">Ваш телефон </div>
                        <div class="qw_input"><input name="USER_PHONE" type="text" class="" value=""></div>
                    </div>
                                                        <div class="qw_block white">
	<div class="capcha">
		 <div class="button" id="check_button">
            <span></span>
            <input type="button" name="" onclick="submit_qa()" class="qwestion_button block" value="Задайте свой вопрос">
        </div>
    </div>
</div>
            <div class="cls"></div>
   ...

JavaScript

$(document).ready(function() {
var mailblur = $('.bottom-form input[name="USER_EMAIL"]').val();
	$(".bottom-form input[name=USER_EMAIL]").blur(function(){
  console.log(mailblur);
  if(mailblur.val() != "") {
  console.log("lol");
  }
	});
  $(".bottom-form input[name=USER_PHONE]").blur(function(){
// if($(".bottom-form input[name=USER_EMAIL]").val() == "" && $(".bottom-form input[name=USER_PHONE]").val() !== ""){
 // console.log("tel not empty, mail is empty");
 // }
 });
  });