jQuery上输入密钥提交表单

时间:2013-03-30 14:01:38

标签: javascript jquery

我构建了一个简单的表单,只要按ENTER键就会提交。它工作正常,但每当我尝试在其中运行.post时,当我按Enter而不是提交时,textarea中的文本会中断。

我的意思是打破


textarea中的文字是
|打破


这很好用

// Submit comment on ENTER key pressed
    $("textarea[name=comment_body]").keypress(function(event) {
        if (event.which == 13) {

            alert(comment_body);
        }
    });

这不是

// Submit comment on ENTER key pressed
    $("textarea[name=comment_body]").keypress(function(event) {
        if (event.which == 13) {        
            var comment_body = $(this).val();    
            $.post("comments.php", {
                comment_body: comment_body
            }
            alert(comment_body);
        }
    });

如何在没有失败的情况下使用jQuery .post?

2 个答案:

答案 0 :(得分:0)

你应该这样做:

$("textarea[name=comment_body]").keypress(function(event) {
    if (event.which == 13) {        
        var comment_body = $(this).val();    
        $.post("comments.php", {cb: comment_body}, function(data){
            alert(data.cb);
        }, "json");
});

在我看来,您通过jQuery的{comment_body:remove_comment}方法将数据comments.php发布到$.post(),但您还没有使用回调函数。

无论您在回调函数中传递的comment.php参数中是否可以发布到data的任何内容。

答案 1 :(得分:0)

  

post的语法是:$ .post(URL,data,callback);

$.post("comments.php",
   { 
     comment_body: remove_comment
   }, 
   function(result){
        alert(result.comment_body);
});