Подія onclick
Оновлено: 28.11.2022
Подія onclick
Подія onclick виникає під час кліку лівою кнопкою миші на елементі, до якого додано атрибут onclick.
Синтаксис
onclick="<скрипт>"
Значення
Див. скрипт.
Приклад
<!DOCTYPE HTML>
<html>
<head>
<metacharset="utf-8">
<title>onclick event</title>
<script>
function isEmail() {
var str = document.getElementById("email").value;
var status = document.getElementById("status");
var re = /^[^s()<>@,;:/]+@w[w.-]+.[a-z]{2,}$/i;
if (re.test(str)) status.innerHTML = "Address is correct";
else status.innerHTML = "Invalid address";
if(isEmpty(str)) status.innerHTML = "Field is empty";
}
function isEmpty(str){
return (str == null) || (str.length == 0);
}
</script>
</head>
<body>
<form action="">
<p>Enter your email address and click the "Check" button</p>
<p><input type="text" id="email"> <span id="status"></span></p>
<p><input type="button" value="Check" onclick="isEmail()"></p>
</form>
</body>
</html>
У цьому прикладі під час клацання на кнопці форми спрацьовує подія onclick і йде виклик функції з ім'ям isEmail(), яка перевіряє, чи коректно введено адресу електронної пошти. При цьому праворуч від поля виводиться повідомлення про помилку або навпаки, правильність введення даних.