Wie kann onClick NUR verwendet werden, wenn das E-Mail-Eingabefeld gültig ist?

Question

Hier Code:

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

Wie kann ich überprüfen und JS-Funktion nur ausgeführt, wenn E-Mail gültig ist (Validierung von User-Agenten, keine zusätzliche Validierungen)?

UPDATE. Neue Browser können Eingabe = E-Mail selbst validieren, auch gibt es Pseudoklassen: gültig und: ungültig. Ich muss die Funktion nur ausführen, wenn der Browser weiß, dass die E-Mail gültig ist.

Answer 1

können Sie die .checkValidity() Methode des Elements Eingangs (in diesem Fall die E-Mail verwenden i Eingabefeld). Dies gibt einen booleschen Wert zurück, der anzeigt, ob die Eingabe gültig ist oder nicht. Hier eine Geige ist mit spielen:

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

Und der Code:

<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

Sie können Regular expressions verwenden zu überprüfen, ob die E-Mail auf Ihrem gültig ist omgemailgone():

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

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

} 

(mit jQuery hier)

Answer 3

u braucht eine Funktion, die die E-Mail und das Rück wahr oder falsch zu validieren 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');" /> 

Dies ist ein if-Anweisung in Ihrer omgemailgone Methode schnelle Lösung, empfehle ich Ihnen, es richtig inline zur Validierung Onclick js

Answer 4

Scheck Validate email address in JavaScript? verwenden, nicht zu tun und es dann in ein Gerät (falls gültig fortsetzen, sonst nichts tun)

bearbeiten :

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); 
} 

aus dem Link