Javascript: How to validate email address with JavaScript? Javascript: การตรวจสอบที่อยู่อีเมลด้วย JavaScript?

Posted on 13. โพสต์ใน 13. Jun, 2009 by Dragos in Coding , JavaScript & Ajax มิ.ย., 2,009 โดย Dragos ใน การเข้ารหัส, JavaScript และ Ajax

Here's a piece of code I found while I was browsing the JQuery UI pages to easily validate email addresses. นี่คือชิ้นส่วนของรหัสฉันพบขณะที่ฉันถูกเรียกดูหน้า JQuery UI ได้อย่างง่ายดายตรวจสอบที่อยู่อีเมล.

The code below represents a general validation function, that requires two parameters:1. โค้ดด้านล่างนี้จะแสดงถึงหน้าที่การตรวจสอบทั่วไปที่ต้องมีสองพารามิเตอร์: 1. the string value of an obkect and 2. ค่าสตริงของ obkect และ 2. the regular expression to check the string against แสดงผลปกติเพื่อตรวจสอบสายต่อ

 function checkRegexp(o,regexp) { checkRegexp ฟังก์ชัน (o, regexp) ( 
         if ( !( regexp.test( o ) ) ) { หาก (! ((o regexp.test))) ( 
             return false; กลับเท็จ; 
         } else { () อื่น 
             return true; กลับจริง; 
         } ) 
     } ) 

Now, here's the following code to use in order to validate email addresses: และนี่รหัสต่อไปนี้จะใช้เพื่อตรวจสอบที่อยู่อีเมลของ:

 var regex=/^((([az]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([az]|\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)))@((([az]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([az]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([az]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([az]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([az]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([az]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([az]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i; var regex az =/^((([] |% \ d | [! # \ $ & '\ * \ + \ - \ / = \? \ ^ _ `(\ |}~]|[ \ u00A0-\ % uD7FF \ uF900-\ uFDCF \ uFDF0-\ uFFEF]) + (\. ([az] | \ 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 )))@( (([az] | \ d | [\ u00A0-\ uD7FF \ uF900-\ uFDCF \ uFDF0-\ uFFEF ])|(([ az] | \ d | [\ u00A0-\ uD7FF \ uF900-\ uFDCF \ uFDF0 - \ uFFEF]) ([az] | \ d | - | \ .|_|~|[ \ u00A0-\ uD7FF \ uF900-\ uFDCF \ uFDF0-\ uFFEF ])*([ az] | \ d | [ \ u00A0-\ uD7FF \ uF900-\ uFDCF \ uFDF0-\ uFFEF]))) \ az .)+(([] | [\ u00A0-\ uD7FF \ uF900-\ uFDCF \ uFDF0-\ uFFEF ])|(( [az] | [\ u00A0-\ uD7FF \ uF900-\ uFDCF \ uFDF0-\ uFFEF]) ([az] | \ d | - | \ .|_|~|[ \ u00A0-\ uD7FF \ uF900-\ uFDCF \ uFDF0-\ uFFEF az ])*([] | [\ u00A0-\ uD7FF \ uF900-\ uFDCF \ uFDF0-\ uFFEF]))) \.? $ / i; 
 var first=checkRegexp("email@email.",regex); //boolean false, because the email address is missing the tld var แรก = checkRegexp (อีเมล "@ อีเมล์." regex) / / แบบบูลเท็จเนื่องจากที่อยู่อีเมลที่หายไป tld 
 var second=checkRegexp("email@email.tld",regex); //boolean true สอง var = checkRegexp ( "email@email.tld" regex) / / แบบบูลจริง 

It's good to validate email addresses right on the client side, because you save server resources consumption and the client is also able to correct any errors faster, without reloading the page. จะดีในการตรวจสอบที่อยู่อีเมลที่ขวาด้านลูกค้าเพราะคุณบันทึก server ใช้ทรัพยากรและลูกค้ายังสามารถแก้ไขข้อผิดพลาดใดๆที่รวดเร็วโดยไม่ต้องบรรจุใหม่หน้า. But you should never avoid rechecking the email (and not only emails) on the server side. แต่คุณไม่ควรหลีกเลี่ยง rechecking อีเมล (และไม่อีเมลเท่านั้น) ในฝั่งเซิร์ฟเวอร์.

Related posts: บทความที่เกี่ยวข้อง:

1. JavaScript: Send function as a parameter to another function (callbacks) JavaScript: ส่งหน้าที่เป็นพารามิเตอร์ทำงาน (callbacks อื่น)
2. PHP: Script to extract one's contacts from email (Gmail, Yahoo,Hotmail,AOL…) and send invites – OpenInviter to go! PHP: สคริปต์เพื่อแยกตัวจากรายชื่ออีเมล (Gmail, Yahoo, Hotmail, AOL ...) และส่งคำเชิญ - OpenInviter ไป!
3. JavaScript: Get anchor from URL JavaScript: Get ทอดสมอจาก URL
4. JavaScript: GIFless animation. JavaScript: ภาพเคลื่อนไหว GIFless. Animate images,logos with jQuery ภาพชีวิตโลโก้กับ jQuery
5. JavaScript: How to get the index (position within a group) of an object with jQuery? JavaScript: วิธีการรับดัชนี (ตำแหน่งภายในกลุ่ม) ของวัตถุด้วย jQuery?