jquery .val（）返回undefined

Question

代碼的相關部分如下所示。當我點擊提交按鈕時，在警告框中，我得到的是未定義的，而不是輸入的電子郵件。我在這裏犯了什麼錯誤？

<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是name，而不是id：

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

或改變input有id：

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

Answer 2

檢查這方面的工作小提琴https://jsfiddle.net/3h4n6qfe/1/

你是調用id和jQuery返回它爲空，因爲沒有從id您輸入字段

修改：

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

要：

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

，你是好去！