Как сделать валидацию типа "radio" ?
Здравствуйте Друзья.
Подскажите пожалуйста как сделать проверку заполнения поля ? т.е. когда активна кнопка ДА чтоб проверка на заполненное поля была, а когда активна кнопка НЕТ чтоб проверки не было и скрипт дальше шел.
<html>
<head>
</head>
<body>
<input type="radio" id="yes" name="radio" onclick="show_hide('visible')" checked="checked"> Да
<input type="radio" id="no" name="radio" onclick="show_hide('hidden')"> Нет
<div id="element">
<input type="text" id="code">
</div>
<div>JavaScript</div>
<br>
<input type="button" value="Click" onclick="check();">
<script Language="JavaScript">
function show_hide(value){document.getElementById('element').style.visibility = value;}
function check() {
var code = document.getElementById('code');
if (code.value == ""){
alert ("ERROR.");
return;
}
alert('ok');
}
</script>
</body>
</html>
|
<html>
<head>
</head>
<body>
<input type="radio" id="yes" name="radio" onclick="show_hide('visible')" checked="checked"> Да
<input type="radio" id="no" name="radio" onclick="show_hide('hidden')"> Нет
<div id="element">
<input type="text" id="code">
</div>
<div>JavaScript</div>
<br>
<input type="button" value="Click" onclick="check();">
<script Language="JavaScript">
var Style='visible';
function show_hide(value){
Style=value;
document.getElementById('element').style.visibility = value;
}
function check() {
var code = document.getElementById('code');
if(Style=='visible'){if (code.value == ""){alert ("ERROR."); return;}
alert('ok');
}
}
</script>
</body>
</html>
|
Deff Спасибо за помощь.
Штука такая, что если запустить страницу и сразу кликнуть на "Click" то скрипт не сработает, а вот если сперва кликнуть на "Нет" а потом на "Да" и снова на "Click" вот тогда скрипт начинает работать корректно. Почему так ? |
Цитата:
|
Deff,
судя по твоему коду, var Test=true; дожен иметь изначально false а не true |
devote,
Да поправил |
| Часовой пояс GMT +3, время: 06:28. |