چه چیزی می تواند ساده تر از تنظیم یک فرم HTML باشد که نشانی های ایمیل را ضبط می کند، برای خبرنامه یا اعلان ها بگویید؟ مسلما یک آدرس ایمیل در آن فرم را اشتباه می گیرید و پس از آن مرورگر خود را به یاد داشته باشید که آدرس اشتباه برای تمام فرم های ثبت نام است.
اگر می خواهید اعتبار آدرس های ایمیل وارد شده را به فرم خود، اما اجتناب از tinkering و اسکریپت های پیچیده، HTML5 به شما اجازه می دهد بر روی مرورگر تکیه کنید - بدون تلاش و بدون تبدیل به جاوا اسکریپت.
اعتبار آدرس های ایمیل با HTML5
برای اینکه مرورگرهای کاربران اعتبار آدرس ایمیل را به عنوان آنها را در فرم وب HTML خود وارد کنید:
- اطمینان حاصل کنید که از HTML5 استفاده می کنید.
- شما می توانید با استفاده از این کار را انجام دهید.
- عنصر ورودی فرم ایمیل را به عنوان نوع "ایمیل" مشخص کنید. (به عنوان مثال زیر را ببینید.)
مرورگرهایی که تایپ = "ایمیل" را نمی شناسند باید (و، تا آنجا که می توان گفت، همه می خواهند) فیلد ورودی مانند یک فیلد معمولی type = "text" را پردازش می کند.
اعتبار سنجی آدرس ایمیل آدرس HTML5
توجه داشته باشید که معتبر بودن آدرس ایمیل HTML تنها در مرورگرهایی که از HTML5 پشتیبانی می کنند و ورودی عنصر فرم را تایید می کنند، کار می کنند. برای مرورگرهای دیگر و پشتیبان گیری، شما همچنان می توانید آدرس های ایمیل را با استفاده از پی اچ پی تایید کنید .
مرورگرهایی که از اعتبار سنجی ایمیل HTML5 پشتیبانی می کنند، شامل Safari 5+، Google Chrome 6+، موزیلا فایرفاکس 4+ و اپرا 10+ هستند. Safari 5 و Google Chrome 6-8 آدرس ورودی آدرس ایمیل نامعتبر را قبول نخواهند کرد، اما بر خلاف مرورگرهای دیگر، کاربر خطایی را اصلاح نخواهد کرد.
مثال تایید ایمیل آدرس HTML5
برای تعامل مرورگرهای کاربران برای تایید آدرس های ایمیل با HTML5، از کد زیر استفاده کنید، به عنوان مثال: