與shft +相關的錯誤輸入並使用jquery輸入

Question

當我輸入'hello ??'在文本區域（id = add_new_comment）中插入hellojQuery1704879437133033947_1333718592556 ??在數據庫中。代碼有什麼問題？由於提前

$('#add_new_comment').live('keyup',function (event) { 

      /*shft+enter for new line*/ 

     if (event.keyCode == 13 && event.shiftKey) { 
      $(this).val($(this).val()+"\n"); 

      return false; 
     }else if(event.keyCode == 13){ 
      /*code to be inserted in db*/ 
     } 
    }); 

數據庫的代碼（即模型笨）

function add_new_comment($comment, $store_id, $comment_source,$user_id) { 
     $data = array(
      'comment' => $comment // comment to be inserted. This contains the text of textarea. 
      'source_id' => $store_id, 
      'comment_source' => $comment_source, 
      'from_user_id' => $user_id 
     ); 
     $result = $this->db->insert(COMMENTS, $data); 

     return $this->db->insert_id(); 
    } 

js腳本（實際代碼）：

$('#add_new_comment').live('keyup',function (event) { 
       if (event.keyCode == 13 && event.shiftKey) { 
        $(this).val($(this).val()+"\n"); 

        return false; 
       }else if(event.keyCode == 13){ 

        var store_id = ""; 

        store_id = $('.c_store_comment').attr('id'); 

        var new_comment = $.trim($(this).val()); 

        $.ajax({ 
        type:'post', 
        url:path to controller, 
        data:'comment='+new_comment+'&store_id='+store_id, 
        dataType:'json', 
        success:function(vals){ 
         $.each(vals,function(i,values){ 
          switch (i) { 
            case 'error': 
             alert('Sorry Something went Wrong'); 
            break; 

            case 'success': 
             var comment_div = '<div class="col1_comment2_row"><div class="col1_comment2_row_tilte">'+$('.user_name').html()+'</div>'; 
             comment_div += '<div class="col1_comment2_row_img"><a href="#nodo"><img class="delete_comment" id="'+values[1]+'" src="/images/delete_comment.png"></a> </div>'; 
             comment_div += '<div class="col1_comment2_row_cooment">'+values[0]+' </div></div>'; 


             $('.c_store_comment .scroll_container').append(comment_div); 
             $('#add_new_comment').val(''); 

            break; 
           }     
         }); 
        } 
        });   
       } 
      }); 

Answer 1

根據您的意見，問題只有在評論文本中出現問號字符時纔會發生。

這些字符確實在URL中保留（它們標記查詢字符串的開頭）。另外，jQuery不會轉義它們，因爲您將data選項中的字符串傳遞給$.ajax()而不是對象，因此不會執行任何處理。

我無法解釋爲什麼看起來像jQuery expando屬性最終被髮布到服務器，但通過源代碼的快速瀏覽沒有透露任何明顯的。然而，一個肯定的方式來解決這一問題將是傳遞一個對象在data選項，而不是一個字符串：

$.ajax({ 
    type: "POST", 
    url: "path/to/controller", 
    data: { 
     comment: new_comment, 
     store_id: store_id 
    }, 
    dataType: "json", 
    success: function(vals) { 
     // ... 
    } 
}); 

這樣，jQuery將自動躲避保留字符您的數據，你的問題應該走開。

Answer 2

$('#add_new_comment').live('keyup',function (event) { 

     /*shft+enter for new line*/ 

    if (event.keyCode == 13 && event.shiftKey) { 
     $(event.currentTarget).val($(event.currentTarget).val()+"\n"); 

     return false; 
    }else if(event.keyCode == 13){ 
     /*code to be inserted in db*/ 
    } 
});