Сам я JS не знаю, и поэтому запоролся вот на чём: как сделать, чтобы кнопка отправить (в форме) была неактивна до тех пор, пока в форму не внесли данные?
Заранее спасибо.
Это MWEB.RU
Не узнаешь, %username%?
Доступность кнопок в JS
Модератор: [mweb team]
Сообщений: 3 • Страница 1 из 1
Доступность кнопок в JS
Mort Сб май 05, 2007 22:46
-
Mort - Прохожий
- Сообщения: 27
- Зарегистрирован: Вс июл 02, 2006 11:35
- Откуда: Питер
Padonak Вс май 06, 2007 1:14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<html>
<head>
<title>Хрен отправишь</title>
</head>
<form name="mortform" action="">
<input type="text" name="f_1" size="20" /><br />
<input type="text" name="f_2" size="20" /><br />
<input type="text" name="f_3" size="20" /><br />
<input type="text" name="f_4" size="20" /><br />
<input type="text" name="f_5" size="20" /><br />
<br />
<input type="submit" name="send" disabled="disabled" value="заслать креатиф" />
<input type="reset" value="ресет" />
</form>
<script language="JavaScript" type="text/javascript">
<!--
var frm = document.forms["mortform"];
var fields = document.forms["mortform"].elements;
var flag = "not ready";
//тут конечно следует организовать суровую проверку полей на
//зловредный код и т.д. но вопрос был насколько я понял просто о
//факте заполненности полей хоть чем-то
for(var i = 0; i < fields.length; i++){
if(fields[i].tagName == "INPUT" && fields[i].name && fields[i].name != "send"){
fields[i].onblur = chkFields;
}
}
function chkFields(){
for(var i = 0; i < fields.length; i++){
if(fields[i].tagName == "INPUT" && fields[i].name && fields[i].name != "send"){
if(fields[i].value.length > 0){flag = "ready";fields["send"].disabled = "";}
else{flag = "not ready";fields["send"].disabled = "disabled";}
}
else{continue;}
}
}
frm.onreset = function(){setTimeout("chkFields()",100);}
//-->
</script>
</body></html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<html>
<head>
<title>Хрен отправишь</title>
</head>
<form name="mortform" action="">
<input type="text" name="f_1" size="20" /><br />
<input type="text" name="f_2" size="20" /><br />
<input type="text" name="f_3" size="20" /><br />
<input type="text" name="f_4" size="20" /><br />
<input type="text" name="f_5" size="20" /><br />
<br />
<input type="submit" name="send" disabled="disabled" value="заслать креатиф" />
<input type="reset" value="ресет" />
</form>
<script language="JavaScript" type="text/javascript">
<!--
var frm = document.forms["mortform"];
var fields = document.forms["mortform"].elements;
var flag = "not ready";
//тут конечно следует организовать суровую проверку полей на
//зловредный код и т.д. но вопрос был насколько я понял просто о
//факте заполненности полей хоть чем-то
for(var i = 0; i < fields.length; i++){
if(fields[i].tagName == "INPUT" && fields[i].name && fields[i].name != "send"){
fields[i].onblur = chkFields;
}
}
function chkFields(){
for(var i = 0; i < fields.length; i++){
if(fields[i].tagName == "INPUT" && fields[i].name && fields[i].name != "send"){
if(fields[i].value.length > 0){flag = "ready";fields["send"].disabled = "";}
else{flag = "not ready";fields["send"].disabled = "disabled";}
}
else{continue;}
}
}
frm.onreset = function(){setTimeout("chkFields()",100);}
//-->
</script>
</body></html>
Uncaught TypeError: 
-
Padonak - Философ-разговорник
- Сообщения: 3872
- Зарегистрирован: Вт дек 13, 2005 3:23
- Откуда: Ростов-на-Дону
Сообщений: 3 • Страница 1 из 1
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 14