ईमेल इनपुट फ़ील्ड मान्य होने पर केवल तभी क्लिक करें?

Question

कोड यह रहा:

<input id="subscribe-email" type="email" placeholder="john.doe@example.com" /> 
      <button type="submit" id="subscribe-submit" onClick="javascript:omgemailgone();" /> 

मैं कैसे की जाँच करें और (, उपयोगकर्ता-एजेंट द्वारा मान्यता कोई अतिरिक्त सत्यापन) जे एस समारोह चलाने केवल तभी ईमेल मान्य है?

अद्यतन। नए ब्राउज़र स्वयं द्वारा इनपुट = ईमेल को मान्य कर सकते हैं, वहां छद्म वर्ग भी हैं: वैध और: अमान्य। मुझे केवल फ़ंक्शन चलाने की आवश्यकता है यदि ब्राउज़र 'जानता है' कि ईमेल मान्य है।

Answer 1

आप इनपुट तत्व की .checkValidity() विधि (इस मामले में ईमेल का उपयोग कर सकते हैं, मैं नपुट फ़ील्ड)। यह एक बुलियन लौटाएगा जो गीलेर को इंगित करता है इनपुट इनपुट मान्य है या नहीं।

http://jsfiddle.net/QP4Rc/4/

और कोड: यहाँ साथ खेलने के लिए एक बेला है

<input id="subscribe-email" type="email" required="required" placeholder="john.doe@example.com" /> 

<button type="submit" id="subscribe-submit" onClick="check()"> 
click me 
</button> 

function check() 
{ 
    if(!document.getElementById("subscribe-email").checkValidity()) 
    { 

    //do stuff here ie. show errors 
    alert("input not valid!"); 

    }else 
    { 
     callMeIfValid(); 
    } 
} 

function callMeIfValid() 
{ 
    //submit form or whatever 
    alert("valid input"); 
} 

Answer 2

आपको यह देखना होगा कि ईमेल पर मान्य है Regular expressions उपयोग कर सकते हैं अपने omgemailgone():

function omgemailgone(){ 
    var mail = $('#subscribe-email').val(); 

    //Example of regular expression 
    if(mail.match(/YourRegexp/) 
    { 
     //Do stuff 
    } 
    else alert("Invalid e-mail"); 

} 

Answer 3

(यहाँ jQuery का उपयोग) यू एक समारोह है कि इसकी पुष्टि के और सही या गलत लौटने की जरूरत है Validate email address in JavaScript?

<button type="submit" id="subscribe-submit" onClick="javascript:validateEmail(document.getElementById('subscribe-email').value) ? omgemailgone() : alert('email is wrong dude');" /> 

यह एक है त्वरित समाधान, मैं आप इसे ठीक से करते हैं, सत्यापन के लिए इनलाइन का उपयोग नहीं कर onclick js

Answer 4

जांच Validate email address in JavaScript? और फिर इसे एक में लागू करता है, तो अपने omgemailgone विधि में बयान की सलाह देते हैं (मान्य जारी है, और कुछ नहीं करते हैं)

संपादित करें :

function validateEmail(email) { 
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\ 
".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA 
-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 
    return re.test(email); 
} 

लिंक से