Using submit button to send insted of Enter key

Question

I have this piece of code

// watch textarea for release of key press
        $('#sendie').keyup(function(e) {
            if (e.keyCode == 13) {
                var text = $(this).val();
                var maxLength = $(this).attr("maxlength");
                var length = text.length;
                // send 
                if (length <= maxLength + 1) {
                    chat.send(text, name);
                    $(this).val("");
                } else {
                    $(this).val(text.substring(0, maxLength));
                }
            }
        });

What it does it that it sends a message typed in a textarea to a certain email address once someone hits the enter button. How can i change this to use a submit button as in the code below?

< div id="page-wrap">
        < form id="send-message-area">
            < p>Your message: </p>
            < textarea id="sendie" maxlength = '100' placeholder ="Send Your Message">  < /textarea>
    < input type="submit">
        < /form>

    < /div>

epascarello · Accepted Answer · 2013-04-18 13:36:57Z

2

So attach the code to the submission of the form

$("#send-message-area").on("submit", function (e) {
    var elem = $("#sendie");
    var text = elem.val();
    var maxLength = parseInt(elem.attr("maxlength"),10);
    var length = text.length;
    // send 
    if (length <= maxLength + 1) {
            chat.send(text, name);
            elem.val("");
    } else {
            elem.val(text.substring(0, maxLength));
    }
    e.preventDefault();
});

edited Apr 18, 2013 at 13:36

answered Apr 17, 2013 at 12:18

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pavel Janicek · Accepted Answer · 2013-04-18 12:08:44Z

1

$("#send-message-area").on("submit", function (e) {
var text = $("#sendie").val();
var maxLength = $("#sendie").attr("maxlength");
var length = text.length;
// send 
if (length <= maxLength + 1) {
        chat.send(text, name);
    alert(text);
        $("#sendie").val("");
} else {
        $("#sendie").val(text.substring(0, maxLength));
}
e.preventDefault();
});

check sample here

edited Apr 18, 2013 at 12:08

Pavel Janicek

14.8k14 gold badges56 silver badges79 bronze badges

answered Apr 18, 2013 at 11:45

b bundi

741 silver badge7 bronze badges

Collectives™ on Stack Overflow

Using submit button to send insted of Enter key

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related