Проблемы с проверкой формы с помощью Javascript
У меня возникли проблемы с проверкой полей ввода с использованием Javascript.
Я пытаюсь сделать так, чтобы, когда вы указали, например, свое имя в поле ввода, оно должно отображаться в виде зеленой рамки (что вроде уже работает), а когда ничего не заполнено, оно должно возвращаться в виде красной рамки, а не разрешено отправить форму. (это на самом деле не нужно отправлять, нет php).
Также следует переписать заполнитель (в данном случае) с введенным вами именем.
Он должен проверить все поля перед нажатием кнопки. (таким образом, они все должны стать красными или зелеными, в настоящее время делает это только для первого поля ввода)
Кроме того, не могли бы вы помочь мне с проверкой поля электронной почты на законном адресе (таким образом, проверяя @ и a.).
function nietLeeg() {
var tekstveld = document.getElementById('checkField');
if (tekstveld.value != "") {
document.getElementById("checkField").style.borderColor = "green";
document.getElementById("checkField").value = "";
} else {
document.getElementById("checkField").style.borderColor = "red";
}
}
<form method="POST" action="#">
<input type="text" id="checkField" value="your name">
<input type="email" id="checkField" value="your email">
<textarea rows="4" cols="50" placeholder="Write your message here"></textarea>
<input type="button" class="submitbtn" value="Send" onclick="nietLeeg();">
</form>