Изменить текст если условие не выполнено.
В JavaScript я новенький, не пинайте сильно. :help:
Есть поле для вода текста и ссылка которая если условие в поле вода не выполнено ставиться не активна. Нужно чтобы изменился текст ссылки при этом чтобы работало и отмена действия. P. S. И если не жало скажите как сделать чтобы после удаления данных в поле для ввода текста и ввода снова опять прошла проверка выполнения условия. Код html: <input onkeyup="this.value=this.value.replace(/[^\d\.]+/g,'')" type="text" name="comment" cols="20" rows="1" onchange="changeQ(this)" /> <a id="nhome" href="home.html">Изменить</a> Код JS:
function changeQ (e) {
if (e.value < 101) {
var nhome = document.getElementById("nhome");
nhome.addEventListener("click", function(event) {
event.preventDefault();
}, false);
}
}
|
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script>
window.addEventListener('DOMContentLoaded', function() {
var input = document.querySelector('[name="comment"]'),
a = document.querySelector('#nhome');
input.addEventListener('input', function() {
this.value = this.value.replace(/\D/g,'');
a.textContent = +this.value < 101 ? "не верно" : "Изменить";
}, false);
a.addEventListener("click", function(event) {
if(+input.value < 101) event.preventDefault();
}, false);
});
</script>
</head>
<body>
<input type="text" name="comment" />
<a id="nhome" href="home.html">Изменить</a>
</body>
</html>
|
| Часовой пояс GMT +3, время: 06:41. |