无法读取零的属性“长度”

Question

我创建了一个标记功能，因此用户可以通过@标记或＃标记进行标记，但问题是通过@标记它工作正常，但通过#标记它没有得到任何东西我无法找出错误，因为当我的地方console.log below the if(go.length>0) {条件它不给我任何东西，但是当我放在第一个条件以上，如果条件if(go.length>0) {它给我的回报价值我不知道什么问题是在控制台我也发现错误不能对这个go.length空的读取属性“长度”任何一个可以帮助我在这里是我的代码

$(document).ready(function() { 
 
var start=/@/ig; 
 
var word=/@(\w+)/ig; 
 

 
var co_start=/#/ig; 
 
var co_word=/#(\w+)/ig; 
 

 
$("#contentbox").on("keyup",function() { 
 
    var content = $(this).text(); 
 
    var go  = content.match(start); 
 
    var name = content.match(word); 
 
\t 
 
\t var content1 = $(this).text(); 
 
\t var go_com = content1.match(co_start); 
 
    var co_name = content1.match(co_word); 
 
    var len = $.trim($('#contentbox').text()).length; 
 

 
    if (len >= 200) { 
 
\t \t content.text = content.text.substring(0, 200); 
 
    } else { 
 
\t \t $('#charNum').text(200 - len); 
 
    } 
 

 
    if(go.length>0) { 
 
     $("#display").slideUp('show'); 
 
     if(name.length>0) { 
 
      $.ajax({ 
 
       type  : "POST", 
 
       url  : "http://tfsquare.com/demo/forums/search_user", 
 
       data  : {searchword: name, word: word, command: 'Search User'}, 
 
       cache : false, 
 
       success : function(html) { 
 
        $("#display").html(html).show(); 
 
       } 
 
      }); 
 

 
     } 
 
    } else { 
 
\t \t alert('Helo World'); 
 
\t \t if(go_com.length>0) { 
 
\t \t \t $("#display").slideUp('show'); 
 
\t \t \t if(co_name.length>0) { 
 
\t \t \t \t $.ajax({ 
 
\t \t \t \t \t type  : "POST", 
 
\t \t \t \t \t url  : "http://tfsquare.com/demo/forums/search_tag_company", 
 
\t \t \t \t \t data  : {searchword: co_name, co_word: co_word, command: 'Search Company'}, 
 
\t \t \t \t \t cache : false, 
 
\t \t \t \t \t success : function(html) { 
 
\t \t \t \t \t \t $("#display").html(html).show(); 
 
\t \t \t \t \t } 
 
\t \t \t \t }); 
 

 
\t \t \t } 
 
\t \t } 
 
\t } 
 
\t 
 
    return false(); 
 
}); 
 
});

#contentbox { 
 
    with: 150px; 
 
    height: 150px; 
 
    background-color: #ccc; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="contentbox" contenteditable="true" name="post_dt"> 
 
    <div id="data"> 
 
    </div>

Answer 1

null没有长度。最简单的方法是检查这个物体是不是null，然后看看它的值的长度if (not_null && not_null.length)

$(document).ready(function() { 
 

 
    var start = /@/ig; 
 
    var word = /@(\w+)/ig; 
 

 
    var co_start = /#/ig; 
 
    var co_word = /#(\w+)/ig; 
 

 
    var $contentbox = $('#contentbox'), 
 
    $charNum = $('#charNum'), 
 
    $display = $('#display'); 
 

 
    $contentbox.on('keyup', function() { 
 
    var $box = $(this), 
 
     content = $box.text(), 
 
     go = content.match(start), 
 
     name = content.match(word); 
 

 
    var go_com = content.match(co_start), 
 
     co_name = content.match(co_word), 
 
     len = $.trim($contentbox.text()).length; 
 

 
    if (len >= 200) { 
 
     content.text = content.text.substring(0, 200); 
 
    } else { 
 
     $charNum.text(200 - len); 
 
    } 
 

 
    if (go && go.length) { 
 
     $display.slideUp('show'); 
 
     if (name && name.length) { 
 
     $.ajax({ 
 
      type: "POST", 
 
      url: "http://tfsquare.com/demo/forums/search_user", 
 
      data: { 
 
      searchword: name, 
 
      word: word, 
 
      command: 'Search User' 
 
      }, 
 
      cache: false, 
 
      success: function(html) { 
 
      $display.html(html).show(); 
 
      } 
 
     }); 
 
     } 
 
    } else { 
 
     alert('Helo World'); 
 
     if (go_com && go_com.length) { 
 
     $display.slideUp('show'); 
 
     if (co_name && co_name.length) { 
 
      $.ajax({ 
 
      type: "POST", 
 
      url: "http://tfsquare.com/demo/forums/search_tag_company", 
 
      data: { 
 
       searchword: co_name, 
 
       co_word: co_word, 
 
       command: 'Search Company' 
 
      }, 
 
      cache: false, 
 
      success: function(html) { 
 
       $display.html(html).show(); 
 
      } 
 
      }); 
 
     } 
 
     } 
 
    } 
 
    
 
    return false; 
 
    }); 
 

 
});

#contentbox { 
 
    with: 150px; 
 
    height: 150px; 
 
    background-color: #ccc; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="contentbox" contenteditable="true" name="post_dt"> 
 
    <div id="data"></div> 
 
</div> 
 
<div id="charNum">200</div> 
 

 
<div id="display">Display</div>

Answer 2

我已经修改了你的代码有点检查你的价值观是不是等于null，我真的建议不要使用keyup，因为它会在每次用户打的keyboard发送一个请求，但它给你

$(document).ready(function() { 
 
var start=/@/ig; 
 
var word=/@(\w+)/ig; 
 

 
var co_start=/#/ig; 
 
var co_word=/#(\w+)/ig; 
 

 
$("#contentbox").on("blur",function() { 
 
    var content = $(this).text(); 
 
    // var start=/@/ig; 
 
    var go  = content.match(start); 
 
    var name = content.match(word); 
 
    
 
    var content1 = $(this).text(); 
 
    var go_com = content1.match(co_start); 
 
    var co_name = content1.match(co_word); 
 
    var len = $.trim($('#contentbox').text()).length; 
 

 
    if (len >= 200) { 
 
     content.text = content.text.substring(0, 200); 
 
    } else { 
 
     $('#charNum').text(200 - len); 
 
    } 
 

 
console.log(content.match(start)) 
 

 
    if(go != null && go.length > 0) { 
 
     $("#display").slideUp('show'); 
 
     if(name !=null && name.length>0) { 
 
      $.ajax({ 
 
       type  : "POST", 
 
       url  : "http://tfsquare.com/demo/forums/search_user", 
 
       data  : {searchword: name, word: word, command: 'Search User'}, 
 
       cache : false, 
 
       success : function(html) { 
 
        $("#display").html(html).show(); 
 
       } 
 
      }); 
 

 
     } 
 
    } else { 
 
     alert('Helo World'); 
 
     if(go_com != null && go_com.length>0) { 
 
      $("#display").slideUp('show'); 
 
      if(co_name.length>0) { 
 
       $.ajax({ 
 
        type  : "POST", 
 
        url  : "http://tfsquare.com/demo/forums/search_tag_company", 
 
        data  : {searchword: co_name, co_word: co_word, command: 'Search Company'}, 
 
        cache : false, 
 
        success : function(html) { 
 
         $("#display").html(html).show(); 
 
        } 
 
       }); 
 

 
      } 
 
     } 
 
    } 
 
    
 
    return false; 
 
}); 
 
});

#contentbox { 
 
    with: 150px; 
 
    height: 150px; 
 
    background-color: #ccc; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="contentbox" contenteditable="true" name="post_dt"> 
 
    <div id="data"> 
 
    </div> 
 
    
 
</div>

。

Answer 3

看起来像这是主要问题。你的正则表达式是错误的，也是js。

为了捕捉＃，你需要它

Demo here

$(document).ready(function() { 
 
    var start=/@/gim; 
 
    var word=/@(\w+)/gim; 
 
    
 
    var co_start=/\#/gim; 
 
    var co_word=/\#(\w+)/gim; 
 
    
 
    $("#contentbox").on("keyup",function() { 
 
     var content = $(this).text(); 
 
     var go  = content.match(start); 
 
     var name = content.match(word); 
 
    \t 
 
    \t \t var go_com = content.match(co_start); 
 
     var co_name = content.match(co_word); 
 
     var len = $.trim($('#contentbox').text()).length; 
 
    
 
     if (len >= 200) { 
 
    \t \t \t \t $('#charNum').text('0'); 
 
    \t \t \t \t content.text = content.text.substring(0, 200); 
 
     } else { 
 
    \t \t \t \t $('#charNum').text(200 - len); 
 
     } 
 
     
 
     if (go && go.length > 0) { 
 
    \t \t alert('@'); 
 
      $("#display").slideUp('show'); 
 
      if(name.length>0) { 
 
       $.ajax({ 
 
        type  : "POST", 
 
        url  : "http://tfsquare.com/demo/forums/search_user", 
 
        data:{searchword:name,word: word, command: 'Search User'}, 
 
        cache : false, 
 
        success : function(html) { 
 
         $("#display").html(html).show(); 
 
        } 
 
       }); 
 
    
 
      } 
 
     } 
 
//else { 
 
    // \t \t alert('Helo World'); 
 
    \t \t if(go_com && go_com.length>0) { 
 
    \t \t alert('#'); 
 
    \t \t \t $("#display").slideUp('show'); 
 
    \t \t \t if(co_name.length>0) { 
 
    \t \t \t \t $.ajax({ 
 
    \t \t \t \t \t type  : "POST", 
 
    \t \t \t url: "http://tfsquare.com/demo/forums/search_tag_company", 
 
    \t \t \t \t \t data  : {searchword: co_name, co_word: co_word, command: 'Search Company'}, 
 
    \t \t \t \t \t cache : false, 
 
    \t \t \t \t \t success : function(html) { 
 
    \t \t \t \t \t \t $("#display").html(html).show(); 
 
    \t \t \t \t \t } 
 
    \t \t \t \t }); 
 
    
 
    \t \t \t } 
 
    \t \t } 
 
     //alert('action'); 
 
    \t //} 
 
    \t 
 
     return false(); 
 
    }); 
 
    });

#contentbox { 
 
    with: 150px; 
 
    height: 150px; 
 
    background-color: #ccc; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <div id="contentbox" contenteditable="true" name="post_dt"> 
 
    <div id="data"> 
 
    </div> 
 
</div> 
 

 
<div id="charNum">200</div> 
 

 
<div id="display">Display</div>