Question

我有这段代码

// 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));
                }
            }
        });

当有人点击输入按钮时，它会将textarea中键入的消息发送到某个电子邮件地址。如何更改此项以使用提交按钮，如下面的代码？

< 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>

Answer 1

请将代码附加到表单提交

$("#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();
});

Answer 2

$("#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();
});

检查样本here

使用提交按钮发送而不是回车键

2 个答案: