仅在按下ENTER时提交。

时间:2011-12-04 15:30:06

标签: php jquery

我很难让这个脚本工作因为我不是jQuery专家 这是我到目前为止所得到的。

按下 ENTER 时不会发出警报。

我希望以非常Facebook的方式实现这一目标。

我有一个带有id="textboxcontent<?= $id?>"的文本区域。

我不知道我是否正走在正确的轨道上,但至少我试过= P

var Id = element.attr("id");
$('input#textboxcontent'+Id).keypress(function(e) {



        if(e.keyCode == 13) {
            e.preventDefault();
        var element = $(this);
        var Id = element.attr("id");
        var test = $("#textboxcontent"+Id).val();
        var dataString = 'comment='+ test + '&pid=' + Id;
        //var text = $(this).val();


        var commentContainer = $(this).parents('tr');

        if(test=='' || test == 'Write a Comment'){
            //==alert("Your comment can't be blank");
            //$("#textboxcontent"+Id).focus();
        } else {
            $("#flash"+Id).show();
            $("#flash"+Id).fadeIn(400).html('<img src="images/ajax-loader.gif" align="absmiddle"><font size="-2">chotto matte</font>');


            commentContainer.animate({ opacity : 0.5}, 500);
            commentContainer.find("#comment-loader").fadeIn(500);

                $.ajax({
                    type: "POST",
                    url: "http://localhost/rara/index.php/xtr/add_comment",
                    data: dataString,
                    cache: false,
                    success: function(html){
                        $("#loadplace"+Id).append(html);
                        //document.getElementById('textboxcontent' + +Id).value='';
                        $("#textboxcontent"+Id).attr( { value : " "  });
                        $('#textboxcontent').value='';
                        $("#flash"+Id).hide();

                        commentContainer.css({opacity : 1});

                        commentContainer.find("#comment-loader").fadeOut(100);
                        commentContainer.find('.panel').hide();
                        $(".comment-textarea").css({height : "30px" });
                        $('.delete-button').hide();



                    }
                });

        }

        } else {
            //alert
        }
          return false;
    });

1 个答案:

答案 0 :(得分:1)

尝试:

$('#textboxcontent').keypress(function(e) {
        if(e.which == 13) {
           //your other codes here