textarea not submiting on pressing enter the second time after the first submit

Question

I have a textarea that submits when the input field is not empty. Assuming I want to prevent multiple submission on pressing the enter key simultanouesly with the following, it only submits each time I refresh the page. this is the code:

window.formWasSubmitted = false;

    document.getElementById('new-input').addEventListener('keyup', function (e) {
        var code = (e.keyCode ? e.keyCode : e.which);
        if (code == 13 && $.trim($(this).val()) && !window.formWasSubmitted) { // enter key press     && $(this).val().length > 0
            e.preventDefault();
            window.formWasSubmitted = true;
            send();
        }
        //window.formWasSubmitted = false;
    });

please how can I allow the textarea to submit without refreshing the page on entering data each time

You have a condition !window.formWasSubmitted which refrains you from submitting again since you have already set it to true. You may remove that condition, I don't see a reason why you need it — DinoMyte, Nov 03 '16 at 19:03
Yes! If I remove it on pressing the enter keyboard multiple times, it submits the same content in the textarea as much as those times — user6731422, Nov 03 '16 at 19:05
Well shouldn't the textbox only post when enter key is pressed ? That's typically how it works — DinoMyte, Nov 03 '16 at 19:06
yes, it should but on pressing it like 5 times at once, it posts the same contents five times — user6731422, Nov 03 '16 at 19:07
Then you need to set the flag to true in your send() method and also should clear the text field. — DinoMyte, Nov 03 '16 at 19:08
So if you can give me any idea to prevent that, I will remove that line of code. — user6731422, Nov 03 '16 at 19:08
In your scenario, the question is when or which enter key should actually submit the data. In my opinion, you should have a separate button to submit the data — DinoMyte, Nov 03 '16 at 19:21
yes it does, but enter some text, lets say -hi- then try to hit enter like three times at once, it posts -hi- only once — user6731422, Nov 03 '16 at 19:47

score 0 · Answer 1 · edited May 23 '17 at 12:33

0

Your question isn't very clear, but it sounds like you want to debounce the enter key. Is that correct? Since you're using JQuery, take a look at this: Debounce function in jQuery

edited May 23 '17 at 12:33

Community

1
1

answered Nov 03 '16 at 19:09

adam0101

29,096
21
96
174

yes. I want to debounce the enter key after the first time – user6731422 Nov 03 '16 at 19:12
Then I believe all you need to do is get rid of the `window.formWasSubmitted` code and change `send();` to `$.debounce(250, send);` – adam0101 Nov 03 '16 at 19:23
If I press the enter key simultaneously three times, it sends the contents three times, so it does not debounce – user6731422 Nov 03 '16 at 19:40
OK, I think you have to assign the result of the debounce function to a variable like `var sendDebounced = $.debounce(250, send);` OUTSIDE of the event handler and then inside the event handler you'd use `sendDebounced();`. – adam0101 Nov 04 '16 at 20:19

textarea not submiting on pressing enter the second time after the first submit

1 Answers1