使用javascript＆jquery驗證按鍵上的電子郵件地址

Question

我試圖阻止用戶在輸入電子郵件地址時輸入無效字符。我是不是試圖驗證整個值（後面會發生）。

我 「認爲」 這是爲了防止一組字符（如＃或$）的正確方法是：

/[A-Z0-9a-z@]^[$#<>?]/ 

這部分工作：

/[A-Z0-9a-z@]/ 

這部分失敗：

/^[$#<>?]/ 

有什麼想法？

Answer 1

FIXED：
問題是一些KEYNUM值與不期望的字符發生碰撞。這固定它！

// ********************** 
// .emailOnly 
// Use - 
// Makes the element email-only. 
// 
// Example - 
// $('.myElement').emailOnly(); 
// ********************** 
(function($) { 
    $.fn.extend({ 
     emailOnly: function() { 
      return this.each(function() { 
       return $(this).keypress(function(e, text) { 

        var keynum; 
        var keychar; 
        var regEx; 
        var allowedKeyNums = [8, 9, 35, 36, 46]; // Backspace, Tab, End, Home, (Delete & period) 

        if (window.event) // IE 
         keynum = e.keyCode; 
        else if (e.which) // Netscape/Firefox/Opera 
         keynum = e.which; 
        else 
         keynum = e.keyCode 

        keychar = String.fromCharCode(keynum); 
        regEx = /[^$#<>?]/ // Undesirable characters 

        // Test for keynum values that collide with undesirable characters 
        if ($.inArray(keynum, allowedKeyNums) > -1) 
         return regEx.test(keychar); 

        regEx = /[A-Z0-9a-z@]/ 
        return regEx.test(keychar); 
       }); 
      }); 
     } 
    }); 
})(jQuery); 

Answer 2

嘗試用/[^$#<>?]/代替。

^裏面和在開幕式後直接使班級消極。

您可以瞭解更多有關這對regular-expressions.info

或者更好的，繼承人workign簡單的regex，做它，使用你作爲一個開始。

http://jsfiddle.net/hG99U/1/

Answer 3

你不需要寫所有的特殊字符爲正則表達式需要被禁止的，因爲會有一個大名單，簡單寫了允許的那些，因爲它們不太（你已經完成了，可能只剩下一兩個字符，即DOT,UnderScore）。

你用來測試輸入字符的有效性的代碼已經很好了，這將驗證字符只能在[A-Z0-9a-z@]之外，可能你可以爲其他兩個字符設置[A-Z0-9a-z@\._]。

keychar = String.fromCharCode(keynum); 
regEx = /[A-Z0-9a-z@]/; 
return regEx.test(keychar); 

Answer 4

<script type="text/javascript"> 
<!-- 
var email='1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz.@_' 
var bksp = 'backspace' 
var alt = 'alt' 


function alpha(e,allow) { 
var k; 
k=document.all?parseInt(e.keyCode): parseInt(e.which); 
return (allow.indexOf(String.fromCharCode(k))!=-1); 
} 

// --> 
</script> 


<input type="text" onkeypress="return alpha(event,email+bksp+alt)" /> 

Answer 5

$('input[type=email]').on('keypress', function (e) { 
    var re = /[A-Z0-9a-z@\._]/.test(e.key); 
    if (!re) { 
     return false; 
    } 
});