@alex_lahin

Почему не работает валидация?

Не работает валидация email
<form method="post" class="form-container">
                            <?=$notLogined ?>
                                	<div class="form-title">
                                     <p>Email</p>
		                            </div>
                                <input type="email" value="<?=$email ?>" name="email" class="form-field login_email" placeholder="E-mail">
                                <br>
                                	<div class="form-title">
                                     <p>Пароль</p>
		                            </div>
                                <input type="password" name="password" class="form-field login_pass" placeholder="Пароль" >
                                <br>
                                <input type="hidden" name="isLogin" value="true">
                                <div class="submit-container">
                                <input type="submit" name="submit" class="submit-button loginb"  value="Войти">
                                </div>
                        </form>

$(document).ready(function(){
   $(".loginb").on("click", function(e){//клик по кнопке 
      e.preventDefault();//отменяем обычное поведение 

      var email = $(".login_email").val();//значение поля 
      var pass= $(".login_pass").val();//значение поля 
      	  
  var $val = $(email).val(),
   r = /^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i;
  if (!r.test($val)) {

	  $(".login_email").css({'border':'1px solid red'});
      }
      else {
	  $(".login_email").css({'border':'1px solid green'});			 
      }
      
      if (pass == "") {//тоже самое
	  $(".login_pass").css({'border':'1px solid red'});
      }
      else {
	  $(".login_pass").css({'border':'1px solid green'});			 
      }
      
      if(email.length > 0 && pass.length > 0 ){// если в поле содержит значение больше 0
	$.ajax({//аякс запрос
	  type: "POST",//тип передачи данных
	  url: "login.php",
	  data: {email,pass},//передаем данные   
	  success: function(data) {//принимаем данные 
	  $('#result').text(data);
        
	  }
        });
      }			 
   });	 
});
  • Вопрос задан
  • 106 просмотров
Решения вопроса 1
AlexMaxTM
@AlexMaxTM
Что-то странное в этих объявлениях:
var email = $(".login_email").val();//значение поля 
var $val = $(email).val(),

Не уверен, что вы хотели написать:
var $val = $($(".login_email").val()).val()
но написали именно так.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $