Показать сообщение отдельно
  #6 (permalink)  
Старый 04.05.2019, 23:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,081

ozoro,
<!DOCTYPE html>

<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">

</head>

<body>
<style>
.text-error-input {
    border: 1px red solid !important;
    background: #FFB647 !important;
}
</style>

<form action="http://">
<input type="text" id="changeFieldName" name="changeFieldName" value="" />
<input type="email" name="email_author_vo" id="ticket-author-email" class="form-control input__no-radius" placeholder="Ваш Email" value="">
<input name="" type="submit" value="send">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

<script>
$(function(){
    var isCorrectName=function() {
        $(this).toggleClass('text-error-input', !/^[a-zA-Z_0-9 ]/.test(this.value));

    }
   $("#changeFieldName").on("input", isCorrectName);

   var isCorrectEmail=function() {
        var patternEmail = /[a-z\d-]+([\.\_]?[a-z\d-]+)+@[a-zа-я\d-]+(\.[a-zа-я]{2,6})/g;
        $(this).toggleClass('text-error-input', !patternEmail.test(this.value));

    }
   $("#ticket-author-email").on("blur", isCorrectEmail);

   $("form").submit(function() {
   $("#changeFieldName").trigger("input");
   $("#ticket-author-email").trigger("blur");
   return !$(".text-error-input").length
})

});
</script>

</body>
</html>
Ответить с цитированием