Как в JS вызвать по кнопке alert?

Question

[Андрей Смирнов]

Всем привет - есть простой код:

<script>
if (document.getElementById('mab395fbrp_submit').onclick)
{
alert('Нажата кнопка');
}
</script>
<input type="text" id="text" placeholder="Пишем сюда телефон"/>
<input type="submit" id="mab395fbrp_submit" value="Кликни"/>

Суть заключается в следующем - дан id элемента, доступа к этому элементу нет. Знаем только, что есть у него id, class и прочие прибамбасы. Нужно, чтобы по id, как нажали эту кнопку появлялось кнопка alert, НО при условии, что форма для телефона(тоже доступа к ней нет, только id, класс и т.д.) должна быть заполнена. Иными словами - если мы заполнили форму для телефона, нажали на кнопку "Кликни", то в этом случае должно выскочить окно алерт с уведомлением "Нажата кнопка" иначе если форма не заполнена а кнопку нажали алерта нет, но есть предупреждение(хотя думаю лучше и алертом сделать пока 50-50 думаю). Как такое реализовать беря у элемента только id и ничего более?

Answer 1

[Stalker_RED]

https://jsfiddle.net/1cr96Lay/

Что значит "доступа к элементу нет"?
Алертом вообще не рекомендуется что-то выводить, т.к. он блокирует интерфейс.

Comments

[Андрей Смирнов]

Доступа нет - значит элемент представлен не в виде обычного инпута с сабмитом в типе а например {submit} и т.д. P.S. попробовал Ваш пример, выскакивает ошибка(не понимаю чего не хватает, JQuery подключен) - Uncaught TypeError: Cannot read property 'addEventListener' of null на строках 14 и 15 то есть на строке button..addEventListener('click', checkPhone); подчеркивание.

[Stalker_RED]

1. Для этого кода не нужен jQuery.
2. Или вы запускаете этот код до загрузки страницы, или у вас отличается id кнопки.
3. Почему-то две точки в строке button..addEventListener
4. Там всего 13 строк, что за ошибка может быть на четырнадцатой?

[Андрей Смирнов]

Stalker_RED: да вы правы, была ошибка из за того что я ваш скрипт написал перед формой а не после) Спасибо огромное)

Answer 2

[Alex]

document.getElementById('mab395fbrp_submit').onclick = function (){alert("2")}

Answer 3

[Zhainar]

jquery:

$("button").on("click", function(){
if( $("input").val() != "" ) {
alert("Button clicked!");
}
});

Answer 4

[GreatRash]

Какой кошмар... Случайно не валидация формы нужна?

Comments

[Андрей Смирнов]

нет валидация слава богу не нужна. Нужно только сделать модальное окно, чтобы оповещало о том, что событие произошло но как упомянул выше без доступа к элементу кроме как по id