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

рони 10.02.2021 14:59

Цитата:

Сообщение от venom1996
а что мне написать в value ?

ничего! это содержимое инпут, код надо просто использовать

рони 10.02.2021 15:06

venom1996,
<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
</head>
<body>
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input name="" type="button" value="Go">
    <script>
document.querySelector('[type="button"]').addEventListener( "click" , function(event) {
event.preventDefault();
let validate = [...document.querySelectorAll('[type="text"]')].every(({value}) => value.trim());
if(validate) location = "https://ya.ru";
else alert("одно или несколько полей незаполнено");
});
    </script>
</body>
</html>

voraa 10.02.2021 16:53

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<input type="text" required>
<input type="text" required>
<input type="text" required>
<input type="text" required>
<input type="text" required>
<input name="" type="button" value="Go">
<script>
document.querySelector('[type="button"]').addEventListener( "click" , function(event) {
event.preventDefault();
if(document.querySelectorAll('[type="text"]:invalid').length)
alert("одно или несколько полей незаполнено");
else location = "https://ya.ru";
});
</script>
</body>
</html>


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