I can’t type in input

Question

I’m having a problem on a Landing page that I’m developing. I’m not a professional developer and I’ve never had a similar problem.

I can’t type in any of the inputs you have on the page. I saw some links where the problem was a div on top of the inputs, but that’s not the case. I can click on the field, but when I type no text appears. The funny thing is that if I try to paste a text into the input, it appears normally.

Follow url for viewing: http://docs.wdesign.com.br/realiz-landingpage/

Does anyone have any idea what it might be? HTML, CSS, JS? I’ll be very grateful for any help!

Answer 1

In the file site.js you have this code:

$(document).on('keypress', '.first-form', function (e) {
    e.preventDefault();
    var keycode = (e.keyCode ? e.keyCode : e.which);
    if (keycode == '13') {
        transfere_dados();
    }
});

// e logo de seguida outro igual...
$(document).on('keypress', '.send-form', function (e) {
    e.preventDefault();
    var keycode = (e.keyCode ? e.keyCode : e.which);
    if (keycode == '13') {
        envia_email();
    }
});

It is preventing inserted characters from being used. Remove this, or at least put the e.preventDefault(); within the if (keycode == '13') {

Answer 2

I’ve been looking at your website and js (site.js) you are capturing the keypress and use preventDefault then try to put preventDefault within the if (keycode == '13')

$(document).on('keypress', '.first-form', function (e) {
    var keycode = (e.keyCode ? e.keyCode : e.which);
    if (keycode == '13') {
        e.preventDefault();
        transfere_dados();
    }

});

$(document).on('submit', '[name="send-form"]', function (e) {
    envia_email();
});

$(document).on('keypress', '.send-form', function (e) {
    var keycode = (e.keyCode ? e.keyCode : e.which);
    if (keycode == '13') {
        e.preventDefault();
        envia_email();
    }
});