bo4kov
Продвинутый
Дата регистрации:
11.06.2012 11:21:31
Сообщений: 65
Как сделать чтобы при обновлении страницы текстовые поля очищались в браузере Mozilla Firefox?
Во всех браузерах и input, и select обновляются(очищаются) при обновлении страницы, а в Mozilla Firefox поля остаются заполнеными. Как мне решить эту проблему?
neve4
Эксперт
Дата регистрации:
11.02.2012 23:45:14
Сообщений: 92
по моему так.
form = document.getElementById('ид формы');
form.поле формы.value = "";
Пример:
form = document.getElementById('edit');
form.messages.value = "";
bo4kov
Продвинутый
Дата регистрации:
11.06.2012 11:21:31
Сообщений: 65
что-то не работает
Может я неправильно подключаю, вот код:
form = document.getElementById('forms');
form.input.value = "";
где forms - это id формы, а input - текстовое поле
Что я не так делаю?
neve4
Эксперт
Дата регистрации:
11.02.2012 23:45:14
Сообщений: 92
во второй строке напишите вместо input
form.input.value = "";
ид того поля которое вы хотите очистить
bo4kov
Продвинутый
Дата регистрации:
11.06.2012 11:21:31
Сообщений: 65
Заработало! А как сделать, чтобы все сразу очищались?
Нужно каждый раз один о тотже код писать, или как вписать туда все id?
neve4
Эксперт
Дата регистрации:
11.02.2012 23:45:14
Сообщений: 92
Это легче сделать на jquery.
bo4kov
Продвинутый
Дата регистрации:
11.06.2012 11:21:31
Сообщений: 65
как, у меня и так работает
form = document.getElementById('forms');
form.name.value = "";
form.lastname.value = "";
form.otch.value = "";
form.gender.value = "";
form.day.value = "";
form.month.value = "";
form.year.value = "";
form.email.value = "";
form.password.value = "";
form.password2.value = "";
neve4
Эксперт
Дата регистрации:
11.02.2012 23:45:14
Сообщений: 92
напишите мене исходный код этой страницы
bo4kov
Продвинутый
Дата регистрации:
11.06.2012 11:21:31
Сообщений: 65
<?php include ("../blocks/db.php"
;
include ("db_reg.php"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Регистрация</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=windows-1251" />
<link href="ragistration.css" rel="stylesheet" type="text/css" />
<link href="tip-yellowsimple.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
<link rel="stylesheet" href="../css/tipTip.css">
<script type="text/javascript" src="../js/jquery.tipTip.js"></script>
<script type="text/javascript" src="validation.js"></script>
<script type="text/javascript">
$(function(){
$(".someClass".tipTip({activation: "focus"});
form = document.getElementById('forms');
form.name.value = "";
form.lastname.value = "";
form.otch.value = "";
form.gender.value = "";
form.day.value = "";
form.month.value = "";
form.year.value = "";
form.email.value = "";
form.password.value = "";
form.password2.value = "";
/*
if(!hasAutofocus()){
$('input[autofocus=true]').focus();
});
*/
});
</script>
</head>
<body>
<span id="login_result"></span>
<br>
<br>
<form action="#" method="post" id="forms">
<table>
<tr>
<td style="float:right;">Имя: </td><td style="padding-left:5px;"><input type="text" id="name" name="name" class="someClass" title="Введите свое настоящее имя! " autofocus>
</td>
</tr>
<span></span>
<tr>
<td style="float:right;">Фамилия: </td><td style="padding-left:5px;"><input name="lastname" id="lastname" type="text" maxlength="50" class="someClass" title="Введите свою настоящую фамилию!">
<span></span></td>
</tr>
<tr>
<td style="float:right;">Отчество: </td><td style="padding-left:5px;"><input type="text" name="otch" id="otch" class="someClass" title="Введите свое настоящее отчество!">
<span></span></td>
</tr>
<tr>
<td style="float:right;">Пол: </td>
<td style="padding-left:5px;">
<select type="text" name="gender" id="gender" style="width:223px;">
<option value="">- Не выбран -</option>
<option value="man">Мужской</option>
<option value="woman">Женский</option>
</select><span></span>
</td>
</tr>
<tr>
<td style="float:right;">День рождения: </td><td style="padding-left:5px;">
<select name="day" id="day" type="text" value="" style="width:61px;">
<option value="">День:</option>
<?php $result3 = mysql_query ("SELECT * FROM day",$db);
if (mysql_num_rows($result3) > 0)
{
$myrow3 = mysql_fetch_array($result3);
do
{
printf ("<option>%s</option>",$myrow3["name"]);
}
while ($myrow3 = mysql_fetch_array($result3));
}
?>
</select><span></span>
<select type="text" size="1" name="month" id="month" style="width:92px;">
<option value="">Месяц:</option>
<?php $result4 = mysql_query ("SELECT * FROM month",$db);
if (mysql_num_rows($result4) > 0)
{
$myrow4 = mysql_fetch_array($result4);
do
{
printf ("<option>%s</option>",$myrow4["name"]);
}
while ($myrow4 = mysql_fetch_array($result4));
}
?>
</select> <span></span>
<select type="text" size="1" name="year" id="year" style="width:62px;">
<option value="">Год: </option>
<?php $result5 = mysql_query ("SELECT * FROM year",$db);
if (mysql_num_rows($result5) > 0)
{
$myrow5 = mysql_fetch_array($result5);
do
{
printf ("<option>%s</option>",$myrow5["name"]);
}
while ($myrow5 = mysql_fetch_array($result5));
}
?>
</select><span></span>
</td>
</tr>
<tr>
<td style="float:right;">Страна: </td><td style="padding-left:5px;"><select type="text" name="country" id="country" value="" size="1" style="width:223px;">
<option value=""> - Не выбрана - </option>
<?php $result6 = mysql_query ("SELECT * FROM country",$db);
if (mysql_num_rows($result6) > 0)
{
$myrow6 = mysql_fetch_array($result6);
do
{
printf ("<option>%s</option>",$myrow6["country"]);
}
while ($myrow6 = mysql_fetch_array($result6));
}
?>
</select>
</td>
</tr>
<tr>
<td style="float:right;">Город: </td><td style="padding-left:5px;"><select type="text" name="city" id="city" value="" size="1" style="width:223px;">
<option value=""> - Не выбран - </option>
<?php $result7 = mysql_query ("SELECT * FROM city",$db);
if (mysql_num_rows($result7) > 0)
{
$myrow7= mysql_fetch_array($result7);
do
{
printf ("<option>%s</option>",$myrow7["city"]);
}
while ($myrow7 = mysql_fetch_array($result7));
}
?>
</select>
</td>
</tr>
<tr>
<td style="float:right;">E-mail: </td><td style="padding-left:5px;"><input type="text" name="email" id="email" class="someClass" title="Введите E-mail, на него прийдет подтверждение!"><span class="spans"></span>
</td>
</tr>
<tr>
<td style="float:right;">Пароль: </td>
<td style="padding-left:5px;">
<input type="password" id="password" name="password" class="someClass" title="Пароль должен состоять из латынских символов, цифр и не менее 6-ти символов!"></td>
</tr>
<tr>
<td style="float:right;">Повторите пароль: </td>
<td style="padding-left:5px;">
<input type="password" id="password2" name="password2" class="someClass" title="Повторите введенный пароль!"></td>
</tr>
</table>
<br />
<input type="submit" name="submit" value="Зарегистрироваться" id="submit" disabled>
</form>
</body>
</html>
neve4
Эксперт
Дата регистрации:
11.02.2012 23:45:14
Сообщений: 92
измените этот код
<script type="text/javascript">
$(function(){
$(".someClass".tipTip({activation: "focus"});
form = document.getElementById('forms');
form.name.value = "";
form.lastname.value = "";
form.otch.value = "";
form.gender.value = "";
form.day.value = "";
form.month.value = "";
form.year.value = "";
form.email.value = "";
form.password.value = "";
form.password2.value = "";
/*
if(!hasAutofocus()){
$('input[autofocus=true]').focus();
});
*/
});
</script>
на этот
<script type="text/javascript">
$(document).ready(function() {
$(function(){
$(".someClass".tipTip({activation:"focus"});
$('#sss').each(function() {
$('#sss').val(' ');
});
/*
if(!hasAutofocus()){
$('input[autofocus=true]').focus();
});
*/
});
});
</script>
и дайте всем полям которые вы хотите очистить id='sss'
