Почему Кнопка не активируется при заполнении поля?

Question

[Антон Гулин]

Привет

есть вот такая форма заказа звонка https://separator.biz/call1.html
кнопка должна активироваться после того момента как будет заполнено 11 цифр номера

однако она по непонятным мне причинам она не активируется ..
хотя в песочнице скрипт работает jsfiddle.net/90Lfnc4j

предполагаю, что есть конфликт с другим скриптом, но как именно, не могу понять

как можно этот вопрос решить?

Comments

[Andrew]

А вас ошибки в консоле не смущают?

[Антон Гулин]

Andrew, смущают, но я не понимаю, что от меня хотят)

[Andrew]

Антон Гулин, чтобы вы функцию checkParams() добавили.

[Антон Гулин]

Andrew, так она же добавлена https://pbx.separator.biz:4545/callme_1.js

[ReaverJS]

Антон Гулин, у вас там функция checkParams() в document.ready - вынесите ее.

[Антон Гулин]

ReaverJS, вынес, но теперь другая проблема возникла - маска _________ воспринимается как заполненное поле и кнопка активируется после первого же символа

[ReaverJS]

Антон Гулин, ну почистите их

var phone = $('#webcallbackinput').val();
phone = phone.replace("", "_");
    
    if(phone.length >= 11) {
        $('#callme').removeAttr('disabled');
    }

Еще лучше - используйте другую библиотеку для маски. К примеру, iMask.

Answer 1

[Михаил]

для начала можешь заглянуть в консоль, там увидишь что твой HTMLInputElement.onkeyup не видит функцию checkParams(думаю потому что функция объявляется после загрузки страницы, но может я не прав), есть два варианта:
1й вывести функцию в html до объявления onkeyup
2й написать обработчик в файле callme_1.js

Answer 2

[ThunderCat]

1) Назначать листеренр прямо в теге - галимый моветон. Вешайте обработчик события после загрузки документа.
2) Собсно по этой причине у вас и матюкается js, так как привязка происходит в момент загрузки элемента, а к этому времени js до конца еще не загрузился и эта функция не существует в скоупе.