2015-04-01 145 views
1

我想顯示一個錯誤消息,當用戶在輸入字段(emailaddressVal)中匹配我的數組中的值(invalidEmailAddresses)的值。但我不知道該怎麼去做。 感謝您的幫助!需要幫助檢查值是否存在使用JQuery .inArray()

$(document).ready(function(){ 
    $("input[name='emailAddress']").blur(function(){ 
     // Actual Email Validation function 

      var emailReg = /^([\w-\.][email protected]([\w-]+\.)+[\w-]{2,4})?$/; 
      var hasError = false; 
      var emailaddressVal = $("input[name='emailAddress']").val(); 
      var invalidEmailAddresses = 
      ['aol.com', 'yahoo.com', 'yahoo.fr', 'juno.com', 'hotmail.com', 'gmail.com'];  

      if($.inArray(invalidEmailAddresses,emailaddressVal) == -1) { 
      alert('The email provided is not from a business related domain');     

      } 


    }); 


}); 
+0

'jQuery.inArray(值,陣列[,的fromIndex])'https://api.jquery.com/jQuery.inArray/ – 2015-04-01 14:35:54

+0

我明白了,但如何可以驗證任何值的用戶類型。我不想硬編碼值 – Jimmy 2015-04-01 15:01:19

回答

2

試試下面的代碼

$(document).ready(function() { 
    $("input[name='emailAddress']").blur(function() { 

     var emailAddress = $("input[name='emailAddress']").val().trim(); 

     if (isValidEmailAddres(emailAddress)) { 
      var hasError = false; 
      var emailaddressVal = emailAddress.split('@').slice(1)[0].trim(); 

      var invalidEmailAddresses = ['aol.com', 'yahoo.com', 'yahoo.fr', 'juno.com', 'hotmail.com', 'gmail.com']; 

      if ($.inArray(emailaddressVal, invalidEmailAddresses) >=0) { 
       alert('The email provided is not from a business related domain'); 

      } 
     } else alert("Invalid EmailID"); 
    }); 

    function isValidEmailAddres(emailID) { 
     var regexExp = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i); 
     return regexExp.test(emailID); 
    } 

}); 

看到這個fiddle 改變了我做

我添加一個電子郵件驗證功能。只有當它是一個有效的電子郵件地址,你纔會進行主機名檢查。

正確的格式$.inArray$.inArray(stringvalue, array)。所以它必須是$.inArray(emailaddressVal,invalidEmailAddresses)

emailaddressVal將包含完整的電子郵件地址。首先,您需要從完整的電子郵件地址中提取主機名。這是在 var emailaddressVal = emailAddress.split('@').slice(1)[0].trim(); 因此,如果您的電子郵件地址是[email protected],上述行將返回gmail.com

$ inArray的返回類型是數組列表(emailaddressVal,在你的情況下)在arraylist(invalidEmailAddresses)中出現的位置。它將返回一個大於或等於0的值。按照您的要求,當您希望電子郵件ID中的主機出現在主機名數組中時,您必須顯示該消息。你需要做 if($.inArray(emailaddressVal, invalidEmailAddresses) >=0)

+0

請解釋一下它們之間的區別以及你爲什麼工作,而原始的不是。另外,我認爲在代碼中間放置'debugger'會導致錯誤;我不確定,雖然 – 2015-04-01 15:06:04

+1

首先,在你的代碼中你做了$ .inArray(invalidEmailAddresses,emailaddressVal)'這是不正確的。它應該是'$ .inArray(stringvalue,array)'。其次,'emailaddressVal'是gmail.com這樣的主機名。你通過了整個電子郵件地址。您必須從電子郵件地址中提取主機名。我在這裏完成了'var emailaddressVal = $(「input [name ='emailAddress']」).val().split('@')。slice(1)[0] .trim();'。 第三,如果電子郵件地址來自'invalidEmailAddresses',您希望顯示錯誤。當電子郵件地址來自數組 – Sukanya 2015-04-01 15:12:46

+0

中的域時,'$ inArray'將返回大於'0'的值,我希望我能夠清除您的疑問。 – Sukanya 2015-04-01 15:14:40

1

你可以像這樣使用jQuery inArray測試。

var emailaddressVal = $("input[name='emailAddress']").val(); 

代碼beloe測試用戶輸入以查看它是否在數組中並存儲它所在的索引。

var inArrTest = $.inArray(emailaddressVal, invalidEmailAddresses); 

此代碼測試inArrTest變量並獲取用戶匹配值的索引。

if (inArrTest) { 
    // Your error message would go here. // 
    console.log(invalidEmailAddresses[inArrTest]); 
} 

您可以將錯誤消息嵌套在if塊中。

0

原始代碼不起作用,因爲-1會檢查變量是否不在數組中。

$.inArray(invalidEmailAddresses,emailaddressVal) == -1) 

Sukanya的代碼檢查,看看該變量是否大於0,這是一個數組的第一個索引。

$.inArray(emailaddressVal,invalidEmailAddresses) > 0