javascript - jquery .val() 返回未定义

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;">