Question

我需要确定从<input>提交的数据/文本，如果它包含以下任何内容。 youtube，vimeo，normal website，jpg/png，plain text

if a youtube link is found {
    //do something
  } else if a vimeo link is found {
    //do something
  } else if a normal website is found {
    //do something
  } else if a (jpg/png) is found {
    //do something
  } else  just a text {
} //do something

目前是我的语法。 youtube＆amp; vimeo正则表达式格式取自其他帖子。但我不确定如何为其他人创建正确的正则表达式。

我试过一些正则表达式生成器，但它的使用非常复杂

我也有兴趣知道这是否是执行多个条件语句的正确方法。

$(function() {
    $(document).on('click','.submit', function () {
        var data = $('#input').val();
        var youtube = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#\&\?]*).*/;
        var vimeo = /^(http\:\/\/|https\:\/\/)?(www\.)?(vimeo\.com\/)([0-9]+)$/;


        if (data.match(youtube)) {
            alert("utube");
        }
        else if (data.match(vimeo)) {
            alert("vimeo");
        }
            else if ...
    });
});

Answer 1

有一百万种不同的方法可以做到这一点。

你需要的其他正则表达式大致相同。如果你小写数据，它也会让你有点头疼

var data = $("#input").val.toLowerCase();

网址

/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/

PNG / JPG位于字符串的末尾

/(png|jpg|jpeg)$/

简单的文字，我猜是剩下的东西

最有效的方法是使用switch语句而不是大的if else

像这样http://www.w3schools.com/js/js_switch.asp

switch(n)
{
case 1:
  execute code block 1
  break;
case 2:
  execute code block 2
  break;
default:
  code to be executed if n is different from case 1 and 2
}

Answer 2

当你有多个正则表达式条件来检查时，我建议使用switch语句：

var data = $('#input').val();
var youtube = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#\&\?]*).*/;
var vimeo = /^(http\:\/\/|https\:\/\/)?(www\.)?(vimeo\.com\/)([0-9]+)$/;
var normalWebsite = /^(?:ftp|http|https):\/\/(?:[\w\.\-\+]+:{0,1}[\w\.\-\+]*@)?(?:[a-z0-9\-\.]+)(?::[0-9]+)?(?:\/|\/(?:[\w#!:\.\?\+=&%@!\-\/\(\)]+)|\?(?:[\w#!:\.\?\+=&%@!\-\/\(\)]+))?$/;
var image = /<img\s+src\s*=\s*(["'][^"']+["']|[^>]+)>/;

switch (true) {
  case youtube.test(data):
    alert('youtube');
    break;
  case vimeo.test(data):
    alert('vimeo');
    break;
  case normalWebsite.test(data):
    alert('normal website');
    break;
  case image.test(data):
    alert('image');
    break;
  default:
    // Here we are assuming anything that doesn't match the above is plain text.
    // You will need an additional regex if you want to make sure this doesn't contain html or code.
    alert('Plain text');
    break;
}

使用正则表达式在javascript / jquery中使用多个if语句验证文本

2 个答案: