VPF::Блокировка нажатия на кнопку - Форум программистов

Aliance

Дата 27.8.2004, 14:51 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Как сделать блокировку нажатия на кнопку до того момента, пока не будт выбран переключатель (checked) "ДА"

Добавлено @ 14:57

Код



<script type="text/javascript">
<!--
// Проверка того, что в текстовом поле есть хотя бы один символ
function isNotEmpty(elem) {
    var str = elem.value;
    var re = /.+/;
    if(!str.match(re)) {
        alert("Необходимо заполнить все обязательне поля.");
        setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
        return false;
    } else {
        return true;
    }
}
// Проверка правельного e-mail адреса
function isEMailAddr(elem) {
	var str = elem.value;
    var re = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
    if (!str.match(re)) {
        alert("Проверти формат e-mail адреса.");
        setTimeout("focusElement('" + elem.form.name + "', '" + elem.name + "')", 0);
        return false;
    } else {
        return true;
    }
}

function validateForm(form) {
    if (isNotEmpty(form.name)) {
        if (isNotEmpty(form.eMail)) {
            if (isEMailAddr(form.eMail)) {
                return true;
            }
         }
    }
    return false;
}

function focusElement(formName, elemName) {

    var elem = document.forms[formName].elements[elemName];
    elem.focus();
    elem.select();
}
//-->
</SCRIPT>

</HEAD>

<BODY OnLoad="document.registerForm.name.focus()">

<center>
<p><h2>Регистрация</h2></p>
</center>

<form method="GET" action="" name="registerForm">
<TABLE align="center">
<TR>
<TD>Ник:</TD>
<TD><input type="text" size="20" name="name" id="nick" onchange="isNotEmpty(this)" class="button" /></TD>
</TR>
<TR>
<TD>E-mail:</TD>
<TD><input type="text" size="20" name="eMail" id="eMail" onchange="if (isNotEmpty(this)) {isEMailAddr(this)}" 
class="button"/></TD>
</TR>
<TR>
<TD>Принимаете
<br>условия?</TD>
<TD><input type="radio" name="accept" id="yes" value="agree" />Да
<br><input type="radio" name="accept" id="no" value="refuse" checked/>Нет</TD>
</TR>
<TR>
<TD align="right"><input type="reset" class="button" /></TD>
<TD><input type="button" name="register" id="confirm" class="button" value="Регистрация" onclick="if (validateForm(this.form)) {this.form.submit()}" /></TD>
</TR>
</TABLE>
</form>

Нужно чтобы при нажатии на <input type="radio" name="accept" id="yes" value="agree" />Да <input type="button" name="register" id="confirm" class="button" value="Регистрация" onclick="if (validateForm(this.form)) {this.form.submit()}" /> разблокировалось, а по умолчанию было заблокированно! Пробовал - выдает ошибку

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Aliance

Дата 27.8.2004, 15:01 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Почему не работает такое:

Код


document.RegisterForm.register.disabled = true
if (form.yes.checked) {
document.RegisterForm.register.disabled = false
}

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

GoodBoy

Дата 27.8.2004, 15:05 (ссылка)

(нет голосов)

Загрузка ...

Главный джедай

Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

Репутация: 2
Всего: 83

у кнопки пропиши атрибут DISABLED:
<input type="button" name="register" id="confirm" DISABLED class="button" value="Регистрация" onclick="if (validateForm(this.form)) {this.form.submit()}">

а у радиокнопки onClick="document.getElementById('confirm').disabled = false;"

Добавлено @ 15:06
Aliance
Да у тебя браузер твоего кода пугается наверное!!!!! NAME и ID разные задавать.....
:-)))))))))))))))

--------------------

Чем дальше в лес, тем толще партизаны...

Цитата(igorold @ 1.5.2016, 17:40

)

Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях.

Aliance

Дата 27.8.2004, 15:27 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

GoodBoy
DISABLED прописывал, не получалось. Но вот у радиокнопки не пробовал, попробую.

ID в МОЕМ коде вообще можно опустить

Это сообщение отредактировал(а) Aliance - 27.8.2004, 15:29

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

GoodBoy

Дата 27.8.2004, 15:36 (ссылка)

(нет голосов)

Загрузка ...

Главный джедай

Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

Репутация: 2
Всего: 83

Aliance
Я бы тебе посоветовал следующее: если ты у элемента задаешь и name и id, то задавай их одинаковыми!

--------------------

Чем дальше в лес, тем толще партизаны...

Цитата(igorold @ 1.5.2016, 17:40

)

Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях.

Gold Dragon

Дата 27.8.2004, 15:41 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 1
Всего: 71

Aliance
GoodBoy вот что имел ввиду

Код

...
<TR>
<TD>Принимаете
<br>условия?</TD>
<TD><input type="radio" name="accept" id="yes" value="agree" onClick="document.getElementById('confirm').disabled = false;">Да
<br><input type="radio" name="accept" id="no" value="refuse" checked onClick="document.getElementById('confirm').disabled = true;">Нет</TD>
</TR>
<TR>
<TD align="right"><input type="reset" class="button" /></TD>
<TD><input type="button" name="register" id="confirm" class="button" disabled value="Регистрация" onclick="if (validateForm(this.form)) {this.form.submit()}" /></TD>
</TR>
...

Это сообщение отредактировал(а) Red Dragon - 27.8.2004, 15:47

--------------------

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

Aliance

Дата 27.8.2004, 20:17 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Red Dragon
GoodBoy
Уже нашел другой вариант:

Код


<script type="text/javascript">
function togglePurDec(evt) {
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    var block = document.getElementById("confirm");
    if (target.id == "yes") {
        block.style.disabled = "false";
    } else {
        block.style.disabled = "true";
    }
}

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »