未捕获的类型错误jQuery

Question

我的代码不断抛出错误

未捕获的TypeError：无法读取null的属性“ 0”

如果没有URL输入到textbox，则会发生这种情况。 它工作正常，但请继续抛出该错误。

如何使该错误消失？

这是我的代码：

$('.ver').on('keyup', function(){
if($(this).val().match(/\b(https?):\/\/([\-A-Z0-9.]+)(\/[\-A-Z0-9+&@#\/%=~_|!:,.;]*)?(\?[A-Z0-9+&@#\/%=~_|!:,.;]*)?/i)[0].toString().length > 24)
//do something
});

如果条件，我只需要1行。（qcube jQuery条件）

Answer 1

如果没有匹配项， match()将返回null。 所以你需要检查一下

$('.ver').on('keyup', function() {
  var match = $(this).val().match(/\b(https?):\/\/([\-A-Z0-9.]+)(\/[\-A-Z0-9+&@#\/%=~_|!:,.;]*)?(\?[A-Z0-9+&@#\/%=~_|!:,.;]*)?/i);
  if (match)
    if (match[0].toString().length > 24)
    //do something
});

要么

$('.ver').on('keyup', function() {
  var match = $(this).val().match(/\b(https?):\/\/([\-A-Z0-9.]+)(\/[\-A-Z0-9+&@#\/%=~_|!:,.;]*)?(\?[A-Z0-9+&@#\/%=~_|!:,.;]*)?/i);
  if (match? match[0].toString().length > 24 : false)
  //do something
});

您也可以使用&&运算符

$('.ver').on('keyup', function() {
  var match = $(this).val().match(/\b(https?):\/\/([\-A-Z0-9.]+)(\/[\-A-Z0-9+&@#\/%=~_|!:,.;]*)?(\?[A-Z0-9+&@#\/%=~_|!:,.;]*)?/i);
  if (match && match[0].toString().length > 24 )
  //do something
});

如果第一个表达式返回true，它将只计算第二个表达式