jquery的val()没有获取所有输入的值

时间:2018-01-02 00:47:38

标签: jquery

我的HTML:

<input type="text" id="fname" name="fname" placeholder="First Name" />
<input type="text" id="lname" name="lname" placeholder="Last Name" />
<input type="text" id="birthdate" name="birthdate" placeholder="Birth Date (DD/MM/YYYY)" />
<input type="email" id="email" name="email" placeholder="Email" />
<input type="password" id="password" name="password" placeholder="Password" />
<input type="password" id="repassword" name="repassword" placeholder="Re-Password" />
<button type="button" id="button">Submit</button>

<p id="test"></p>

我的jQuery:

$(document).ready(function(){
    $("#button").on("click", function(){            
        var fn=$('#fname').val(),
            ln=$('#lname').val(),
            bd=$('#birthdate').val(),
            email=$('#email').val(),
            pw=$('#password').val(),
            rpw=$('#repassword').val();
        $('#test').text(fn+ln+bd+email+pw+rpw);
    });
});

我获得fnlnbdrpw的值,但不是emailpwemailpw有什么问题?

1 个答案:

答案 0 :(得分:0)

如果不查看页面的其余部分源代码,我们就不可能说了,但我打赌你的网页中存在ID为#email#password的现有元素,并且jQuery正在选择这些元素,然后从中获取undefined或空白值。