Проблемма с событием onChange
Здравствуйте Уважаемые, подскажите плиз как дописать скрипт чтобы кнопка буттон появлялась сразу после того как стали заполнены все поля ?
У меня получается только чтоб она появлялась после заполнения всех полей и в конце нужно кликнуть по странице, только тогда появиться.
<html>
<head>
</head>
<body>
<div id="div_1" name="div_1">Заполните форму</div>
<form>
<input type="text" id="input_1" name="input_1" maxlength="10" value="" onChange="javascript:validate();"><br>
<input type="text" id="input_2" name="input_2" maxlength="10" value="" onChange="javascript:validate();"><br>
</form>
<input type="button" id="button_1" name="button_1" value="Click" onclick="alert('ok!')" style="display: none;"><br>
<script>
function validate(){
if (document.getElementById('input_1').value == ""){
return;
}
if (document.getElementById('input_2').value == ""){
return;
}
document.getElementById('button_1').style.display = 'inline';
}
</script>
</body>
</html>
|
<html>
<head>
</head>
<body>
<div id="div_1" name="div_1">Заполните форму</div>
<form>
<input type="text" id="input_1" name="input_1" maxlength="10" value="" oninput="validate();" onchange="validate();" onkeyup="validate();"><br>
<input type="text" id="input_2" name="input_2" maxlength="10" value="" oninput="validate();" onchange="validate();" onkeyup="validate();"><br>
</form>
<input type="button" id="button_1" name="button_1" value="Click" onclick="alert('ok!')" style="display: none;"><br>
<script>
function validate(){
var style = document.getElementById('button_1').style;
if (document.getElementById('input_1').value == ""){
style.display='none';
return;
}
if (document.getElementById('input_2').value == ""){
style.display='none';
return;
}
style.display='inline';
}
</script>
</body>
</html>
|
devote, Спасибо это именно оно :)
|
| Часовой пояс GMT +3, время: 04:22. |