JavaScript電子郵件驗證與正則表達式

Question

我目前正在編寫一個綁定處理程序在挖空使用正則表達式來驗證電子郵件。這是使用符合RFC 2822的正則表達式完成的。

我想使用正則表達式（「MY_REG_EXP」）

MY_REG_EXP = [a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])? 

但由於我在開始時使用單引號（代碼質量的目的），它導致了結合處理不驗證的更新內容。

ko.bindingHandlers.emailInput = { 
     init: function(element, valueAccessor, allBindingsAccessor, bindingContext) { 
      ko.bindingHandlers.textInput.init(element, valueAccessor, allBindingsAccessor, bindingContext); 
     }, 

     update: function(element, valueAccessor) { 
      $(element).on('keydown', function (event) { 
       if (event.keyCode === 32) { 
        event.preventDefault(); 
       } 
      }); 

      var value = ko.unwrap(valueAccessor()), 
       regex = new RegExp('^[a-z0-9!#$%&/\'*+/=?^_`{|}~-]+(?:\/.[a-z0-9!#$%&/\'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\/.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$'); 
      if (value.trim() !== '' && !regex.test(value)) { 
       element.style.backgroundColor = '#EDB2B2'; 
      } else { 
       element.style.backgroundColor = 'white'; 
      } 
     } 
    }; 

對我的方法的任何反饋表示讚賞。

Answer 1

JavaScript正則表達式電子郵件驗證至少已過時了十年。

<input type="email" /> 

完成。

Answer 2

我已經通過使用/ \轉義字符解決了這個問題。單引號檢查是我們構建過程的一部分，我不想做不必要的異常。

ko.bindingHandlers.emailInput = { 
     init: function(element, valueAccessor, allBindingsAccessor, bindingContext) { 
      ko.bindingHandlers.textInput.init(element, valueAccessor, allBindingsAccessor, bindingContext); 
     }, 

     update: function(element, valueAccessor) { 
      var value = ko.unwrap(valueAccessor()), 
       regex = new RegExp('[a-z0-9!#$%&/\'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&/\'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?'); 
      if (value.trim() !== '' && !regex.test(value)) { 
       element.style.backgroundColor = '#EDB2B2'; 
      } else { 
       element.style.backgroundColor = 'white'; 
      } 
     } 
    };