jquery .val() gibt undefined zurück

Question

Der relevante Teil des Codes wird unten angezeigt. Wenn ich auf die Schaltfläche Senden klicke, werde ich in der Alarmbox undefiniert statt der eingegebenen E-Mail. Welchen Fehler mache ich hier?

<form action="page2.php" method="post" onsubmit="myFunction()" id="form1"> 
     ...... 
     <input type="text" name="YourEMail" style="width: 250px;"> 
     <input type="submit" name="submit" value="Submit"> <br> 
     ...... 
</form> 

<script> 
$('#form1').submit(function() { 
    //your validation rules here 
    var email = $('#YourEMail').val() 
    alert(email) 
    //if(email.length == 0) 
     return false; 
    //else 
    // return true; 
}); 
</script> 

Answer 1

YourEMail ist die name, nicht die id:

var email = $('input[name=YourEMail]').val(); 

Oder die input ändern, um die id zu haben:

<input type="text" id="YourEMail" name="YourEMail" style="width: 250px;"> 

Answer 2

Sehen Sie sich diese Arbeits Geige https://jsfiddle.net/3h4n6qfe/1/

Sie sind Aufruf ein id und jQuery es als null zurückkehrt, da es keine id für Ihr Eingabefeld von

ändern ist:

<input type="text" name="YourEMail" style="width: 250px;"> 

An:

<input type="text" name="YourEMail" id="YourEMail" value="My Email" style="width: 250px;"> 

und du bist gut zu gehen!