Question

我有一个<textarea>，我需要验证双引号之间的所有内容是纬度还是经度。我已经设置好这个单词不能使用超过3次，这很好。但是我有一条错误消息，显示何时使用了错误的格式。我需要在用户聚焦时弹出错误，并且没有在引号之间放置任何内容，或者它不是纬度或经度。

这是我的演示：

FIDDLE

$('#test').on('keydown focusout', function(e){
var word  = 'latitude',
    count = this.value.match(new RegExp('"\\b'+word+'\\b"','g')) ||  [],
    limiter = $('#output');

$('#output').text(count.length);

return !(count.length > 2 && e.which != 8);

});

//Error - Max limit reached

$('#test').bind('keyup focusout', function(){  
limiter = $('#output');

if(limiter.text() == '3'){

    $('#limitReached').attr("class","hi");
    $('#limitReached').text("You cannot exeed more than 10 coorniates");
    $('#test').css({'border': '1px solid red'});

}
else{
     $('#limitReached').attr("class","bye");
     $('#limitReached').text("");
     $('#test').css({'border': '1px solid black'});
}
});

//Error - Format is wrong

$('#test').on('focusout', function(e){  
var word1  = 'latitude',
    word2  = 'longitude', 
    count = this.value.match(new RegExp('"\\b'+word1+'\\b"','g')) || [];

if ($(this).val() != count){

    $('#limitReached').attr("class","hi");
    $('#limitReached').html('Please use correct JSON format:<br> example - [{"latitude":33.851871,"longitude":-84.364336},]');
    $('#test').css({'border': '1px solid red'});

}
else{
     $('#limitReached').attr("class","bye");
     $('#limitReached').text("");
     $('#test').css({'border': '1px solid black'});
}
});

Answer 1

参考thg435的评论：

如果您尝试解析无效的json，则抛出SyntaxError。请参阅docs：

JSON.parse将字符串解析为JSON并返回解析后的值。

...

如果要解析的字符串无效JSON，则抛出SyntaxError异常。

示例代码：

try {
    var json = JSON.parse('[{"latitude":33.851871,"longitude":-84.364336}]');
    if (json.length > 3) throw new Error("Too many coordinates");
    _.each(json, function(coordinate) {
        if (!_.has(coordinate, 'latitude') || !_.has(coordinate, 'longitude')) throw new Error("Invalid coordinate pair found");
    });
}
catch (e) {
    // handle your invalid json and return to stop further execution
    console.error(e);
    return;
}

console.info('ok');

此方法使用underscorejs

请点击此处查看工作副本：http://jsfiddle.net/fcvyL/2/

javascript正则表达式允许带引号的多个单词

1 个答案: