如何使用jquery编写条件语句来验证页面网址或电子邮件？

Question

I have two regular expressions for one user input field that should accept a websites contact page url or an email address. How can I write this in Jquery or Javascript? Here are my two regular expressions.

regex for URL "((www\.|(http|https|ftp|news|file)+\:\/\/)[&#95;.a-z0-9-]+\.[a-z0-9\/&#95;:@=.+?,##%&~-]*[^.|\'|\# |!|\(|?|,| |>|<|;|\)])",


regex for email "^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$",

 error messageelse "You must enter a valid email or you must enter a valid url, which starts with http://. The www prefix is optional.")

Answer 1

Demo - http://jsfiddle.net/A77fD/

Example -

var url_regex = /((www\.|(http|https|ftp|news|file)+\:\/\/)[&#95;.a-z0-9-]+\.[a-z0-9\/&#95;:@=.+?,##%&~-]*[^.|\'|\# |!|\(|?|,| |>|<|;|\)])/;
var email_regex = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/

$('#test').click(function(){
    console.log(url_regex.test($('#test_field').val()));
    console.log(email_regex.test($('#test_field').val()));

    if(!(url_regex.test($('#test_field').val()) || email_regex.test($('#test_field').val()))){
        alert("You must enter a valid email or you must enter a valid url, which starts with http://. The www prefix is optional.")
    }
})

Answer 2

use regex.test("url or email")

var regexU = /((www\.|(http|https|ftp|news|file)+\:\/\/)[&#95;.a-z0-9-]+\.[a-z0-9\/&#95;:@=.+?,##%&~-]*[^.|\'|\# |!|\(|?|,| |>|<|;|\)])/;
var regexEmail = /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/

function validate() {
    if( regexUrl.test("url") || regexEmail.test("email")) {
    console.log("valid"); 
    } else {
      console.log("You must enter a valid email or you must enter a valid url, which starts with http://. The www prefix is optional.");
    }
}

Answer 3

I'd recommend using some kind of library to do your validations. No need to reinvent the wheel every time.

jQuery has a plugin that could be suitable: http://rocketsquared.com/wiki/Plugins/Validation