Email validation in rails and javascript by rejex

RAILS EMAIL VALIDATION ===>

# email = email.split(" ").join('')

email = "rajpurohitnitin7@gmail.com"email = email.delete(' ')
if !/\A[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]+\z/.match(email).nil?

    p "valid email address"

end

JAVASCRIPT EMAIL VALIDATION ===>

var email = "rajpurohitnitin7@gmail.com" 

var re = /\S+@\S+\.\S+/var valid = re.test(email_address)if (!valid) {

   console.log("valid email addresss"); 

}

Tokenfield Email validation ====>

  $(".token_filed_class").on('tokenfield:edittoken', function (e) {  }).on('tokenfield:createdtoken', function (e) {         var re = /\S+@\S+\.\S+/         var valid = re.test(e.attrs.value)         if (!valid) {            $(e.relatedTarget).empty().hide().attr('data-value', '');            //$(".share_with_emails").on('tokenfield:removedtoken', function (e) {})           //$(e.relatedTarget).addClass('invalid')         }  }).on('tokenfield:removedtoken', function (e) {  }),  showAutocompleteOnFocus: false,  createTokensOnBlur:true}); 

Upload Image from URL OR Convert Image URL into base 64 by Javascript

function getBase64ImageFromUrl(image_url){      var canvas = document.createElement("canvas");      var ctx = canvas.getContext("2d");      var img = new Image();      img.src = image_url;      canvas.width = img.width;      canvas.height = img.height;      ctx.drawImage(img, 0, 0);      var data = canvas.toDataURL("image/jpeg");
      return data;

}

OR

    var canvas = document.createElement("canvas");
    var ctx = canvas.getContext("2d");
    var img = new Image();
    img.onload = function () {
        canvas.width = img.width;
        canvas.height = img.height;
        ctx.drawImage(img, 0, 0);
        var data = canvas.toDataURL("image/jpeg");
        alert(data);
    };
    img.src = "http://localhost/MvcApplication3/test.png"; 

OR 

 function getBase64ImageFromUrl(image_url){ 

  var canvas = document.createElement("canvas"); 

  var ctx = canvas.getContext("2d"); 

  var img = new Image();  img.src = image_url; 

  canvas.width = img.width; 

  canvas.height = img.height; 

  ctx.drawImage(img, 0, 0); 

  var data = canvas.toDataURL("image/jpeg"); 

  return data;}

imgObj = $(this).parent().find('img');img = getBase64ImageFromUrl(imgObj[0].src)

 function getBase64ImageFromUrl(image_url){  var canvas = document.createElement("canvas");  var ctx = canvas.getContext("2d");  var img = new Image();  img.src = image_url;  canvas.width = img.width;  canvas.height = img.height;  ctx.drawImage(img, 0, 0);  var data = canvas.toDataURL("image/jpeg");  return data;}