2012-02-22 25 views
5

मैं नई साइट मेरे लिए input type="email" का उपयोग कर के बारे में सोच रहा हूँ, लेकिन आप तो इनपुट प्रकार पाठ का उपयोग नियमित अभिव्यक्ति द्वारा मूल्य की जाँच करें या इस HTML का उपयोग 5 ईमेल करना पसंद करेंगे अगर मैं सवाल हैएचटीएमएल 5 इनपुट प्रकार ईमेल

E-mail: <input type="email" name="usremail" /> 

क्या एचटीएमएल इनपुट प्रकार ईमेल का उपयोग करते समय समस्या है (ब्राउज़र या उपयोग)?

+2

मैं तुम्हें इस सवाल का –

उत्तर

4

आप लेकिन यह केवल XXXX @ XXXX के लिए चेक ताकि एक मान्य ईमेल lol

है के लिए मुझे कम से कम मैं करूंगा मान्य करने के लिए एचटीएमएल 5 ईमेल का उपयोग कर सकते हैं बस jquery validate का उपयोग करें और हमेशा सर्वर साइड सत्यापन

यह ब्राउज़र के रूप में ईमेल प्रकार है कि समर्थन नहीं करते यह पाठ प्रकार में बदल जाएगा उपयोग करने के लिए चोट नहीं होगा

आप पिछड़े compatiblility के लिए modernizr को देखने के लिए चाहते हो सकता है

+0

कि jquery मान्य एक प्लगइन है ?? – Bert

+0

हाँ jquery – mcgrailm

+0

पर काम करने वाले लोगों में से एक द्वारा jquery का व्यापक रूप से उपयोग और अच्छी तरह से प्रलेखित किया गया है, यदि मामला xxxx @ xxxx एक वैध ईमेल है। ईमेल इनपुट प्रकार के साथ छोटे regex का उपयोग करना जांचना आसान होगा। बीमार बस अंतिम भाग .com, .net.org की जांच करें ?? – Bert

0

यदि आपके पास समर्थन बाउसर है तो उसे कोई समस्या नहीं होगी। अगर वे समर्थित नहीं हैं तो यह नियमित पाठ फ़ील्ड की तरह काम करता है। http://www.w3schools.com/html5/html5_form_input_types.asp

+0

इसलिए सभी ब्राउज़र समर्थन इस के लिए एक php टैग शामिल करने की जरूरत नहीं लगता है निवेष का प्रकार?? – Bert

+0

आईई और सफारी समर्थन नहीं करता है हालांकि निम्नलिखित कोड IE9 के लिए समर्थन करने में मदद कर सकता है। ' ' – Dips

2

एचटीएमएल 5 - जैसा कि आप जानते - पूरी तरह से उपलब्ध ब्राउज़र द्वारा समर्थित नहीं है, इस input type='email' क्रोम, एफएफ के द्वारा समर्थित है, लेकिन आईई पुराने संस्करणों के द्वारा समर्थित नहीं .. समाधान के चारों ओर एक काम नहीं है: यदि आप इन का उपयोग कर रह सकते हैं एचटीएमएल 5 आदानों, और यह अन्य broswers समर्थन करने के लिए पुस्तकालय JS का उपयोग करें: http://code.google.com/p/webforms2/

+0

मैं देखता हूं .. मैं उपयोग करने के बारे में सोच रहा था क्योंकि यह उपयोग करने के लिए छोटा कोड था और कोडिंग को कम करेगा। – Bert

5

ब्राउज़र से काम नहीं चलेगा कोई सत्यापन अगर यह इसका समर्थन नहीं करता है। आप modernizr का उपयोग यह पता लगाने के लिए कर सकते हैं कि यह करता है या नहीं, और तदनुसार कार्य करें।

/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-][email protected][a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/ 

आप इन बातों को सर्वर साइड मान्य किया जाना चाहिए: (जैसा देशी एचटीएमएल 5 सत्यापन का उपयोग करें, या बजाय jQuery validation की तरह कुछ का उपयोग करें)

http://dev.w3.org/html5/markup/input.email.html के अनुसार, इनपुट ईमेल इस regex का उपयोग करता है यह सत्यापित करने के लिए एक ईमेल है वैसे भी।

+0

मैं देखता हूं लेकिन फिर भी regex w3-pattern के लिए – Bert

+1

+1 समस्या को हल करेगा। कुछ संदर्भ होने के लिए, सही दृष्टिकोण पर बहस करते समय सत्यापन –

-1

यह इनपुट प्रकार "ई-मेल:" आईई 9 और सफारी में काम नहीं करता है, इसलिए इसे केवल Google क्रोम और मोज़िला फायर फॉक्स पर ही काम किया जाएगा, यह ई-मेल: स्वचालित रूप से सत्यापित करता है कि ब्राउज़र HTML5 का समर्थन करता है या नहीं

0

आप ईमेल का उपयोग कर सकते हैं:

enter <input type="text" name="email" pattern="[a-z0-9._%+-][email protected][a-z0-9.-]+\.[a-z]{2,3}$" > 
एचटीएमएल 5 के लिए

(http://davidwalsh.name/html5-email) यहाँ

+1

कृपया केवल लिंक के उत्तर से बचें। कम से कम सौजन्य यह समझाने के लिए सौजन्य है कि इस लिंक की सामग्री ओपी की मदद क्यों करेगी। यदि आप जिस वेबसाइट से लिंक करते हैं, तो आपका प्रश्न डाउनवॉटेड हो जाएगा और शायद हटा दिया जाएगा। –

संबंधित मुद्दे