Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Валидация формы (https://javascript.ru/forum/dom-window/75400-validaciya-formy.html)

Nexus 05.10.2018 14:29

LocoThatCould,
Цитата:

Сообщение от LocoThatCould
можно об этом тему или инфу?

https://learn.javascript.ru/default-browser-action

LocoThatCould 05.10.2018 14:33

Работает но ничего не понятно, я с формой делал.
 
Это node js?

Nexus 05.10.2018 14:37

Цитата:

Сообщение от LocoThatCould
Это node js?

nodejs - платформа, не отдельный ЯП.
Код, который я представил написан на обычном js.
Использовал методы массива и стрелочные функции.

ps. Еще тернарный оператор.

Dilettante_Pro 05.10.2018 14:44

Без стрелочек и пр.
Email<input type='text' id = 'username'>
Password<input type='text' id = 'pass'>
<button>Тест</button>
<div id='result'></div>
<script>
var userEmail = document.getElementById("username"),
      userPass = document.getElementById("pass");
var regexp = new RegExp("^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,6}$");
var regexpP = new RegExp("^[a-zA-Z0-9!@#$%^&*]{6,16}$");

document.querySelector('button').onclick = function() {
        result.textContent = validate();
}
function validate() {
   var resultE = false, resultP = false;
   if(!regexp.test(userEmail.value)) {
       userEmail.style.border = "2px solid red";
   } else {
       userEmail.style.border = "2px solid green";
       resultE = true;
   }
   if(!regexpP.test(userPass.value)) {
       userPass.style.border = "2px solid red";
   } else {
       userPass.style.border = "2px solid green";
       resultP = true;
   }
    return resultP && resultE;
}
</script>

Nexus 05.10.2018 14:48

19-ю строку из кода Dilettante_Pro можно удалить.

Dilettante_Pro 05.10.2018 14:58

Цитата:

Сообщение от Nexus
19-ю строку из кода Dilettante_Pro можно удалить.

Это потому, что неправильный result:)
Нужно два отдельных и результирующий по and (изменил пример)

Кстати, по регексу, использованному в вашем примере, мне не удается ввести корректный пароль

LocoThatCould 05.10.2018 14:59

Пароль в коде без стрелок не чекается..

Dilettante_Pro 05.10.2018 15:09

Цитата:

Сообщение от LocoThatCould
Пароль в коде без стрелок не чекается..

Имеется в виду пост 14? Если пароль состоит из латинских букв-цифр количеством от 6 до 16, то очень даже чекается.
А вот по примеру со стрелочками мне не удалось ввести корректный пароль

LocoThatCould 05.10.2018 15:20

Stop пропускает
 
Ввожу 2 символа в пароль в код из 14 поста и пропускает..

LocoThatCould 05.10.2018 15:22

Прошу прощения, моя вина все работает.. добавил s в инпут пароля...


Часовой пояс GMT +3, время: 13:24.