Одессит
Новичок
Прерывание отправки формы по условию и блокирование кнопки
Задача у меня такая. Вот есть текстовое поле, человек может ничего в него не ввести и кликнуть по кнопке, JS должен сразу сказать, что поле не заполнено (я выделяю границы красным) и форма не должна отправится, а если всё ОК, то кнопка блокируется, чтоб второй раз не нажимали, но отправляется форма.
Вроде сделать просто, но почему-то если блокирую кнопку document.getElementById(submit_id).disabled=true; То в $_POST она не попадает, а как мне определить, что была нажата имено она?
Может блокировать по-другому?
Вот мой начальный код:
<script language="JavaScript" type="text/javascript">
function check_empty(id,div_id,submit_id)
{
var str=document.getElementById(id).value;
if (str == "")
{
document.getElementById(id).style.border="2px solid red";
document.getElementById(submit_id).disabled=true;
return false;
}
else
{
document.getElementById(submit_id).disabled=true;
document.getElementById(submit_id).value="Подождите";
return true;
}
}
</script>
<input type="submit" id="message_add_action" name="message_add_action" value="Отправить" style="width: 100%" onClick="return check_empty(\'message_text\',\'message_text\',\'message_add_action\')">
Помогите, кто чем может.
Задача у меня такая. Вот есть текстовое поле, человек может ничего в него не ввести и кликнуть по кнопке, JS должен сразу сказать, что поле не заполнено (я выделяю границы красным) и форма не должна отправится, а если всё ОК, то кнопка блокируется, чтоб второй раз не нажимали, но отправляется форма.
Вроде сделать просто, но почему-то если блокирую кнопку document.getElementById(submit_id).disabled=true; То в $_POST она не попадает, а как мне определить, что была нажата имено она?
Может блокировать по-другому?
Вот мой начальный код:
<script language="JavaScript" type="text/javascript">
function check_empty(id,div_id,submit_id)
{
var str=document.getElementById(id).value;
if (str == "")
{
document.getElementById(id).style.border="2px solid red";
document.getElementById(submit_id).disabled=true;
return false;
}
else
{
document.getElementById(submit_id).disabled=true;
document.getElementById(submit_id).value="Подождите";
return true;
}
}
</script>
<input type="submit" id="message_add_action" name="message_add_action" value="Отправить" style="width: 100%" onClick="return check_empty(\'message_text\',\'message_text\',\'message_add_action\')">
Помогите, кто чем может.