Итак, я работал над проектом, в котором я использую angularjs для проверки полей ввода формы. Дело в том, что я хочу, чтобы angularjs регистрировал стандартные сообщения проверки html5, такие как «Пожалуйста, заполните это поле», когда поля ввода пусты. Это должно быть что-то похожее на код ниже:
var x = document.getElementById("myForm");
var y = document.getElementById("email");
var z = document.getElementById("error");
x.addEventListener("submit", (e) => {
if (y.checkValidity() === false) {
e.preventDefault();
z.innerHTML = y.validationMessage;
}
});
body {
background-color: white;
color: black;
font-family: sans-serif;
}
button {
padding: 5px 10px;
cursor: pointer;
}
.error, #error {
color: red;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Email validation example</title>
</head>
<body>
<form id="myForm" action="?" novalidate="">
<label for="email">Email:</label>
<input type="email" id="email" required=""/>
<span class="error">* <span id="error"></span></span>
<br/><br/>
<button type="submit">Submit</button>
</form>
</body>
</html>
A: Обратите внимание на y.validationMessage в javascript части кода. Он записывает входные сообщения проверки правильности html5 по умолчанию в элемент <span> (если вы запускаете фрагмент, вы, возможно, знаете).
B: Мой вопрос таков: есть ли способ сделать angularjs записью по умолчанию html5 сообщения проверки ввода, как, например, свойство validationMessage?