Demo Fiddle

Question

大家好我有这个脚本

<form id="logform">
    <input class="login" name="login" type="text"><br />
    <input class="password" name="password" type="password"><br />
    <input class="submit" type="submit" value="login">
</form>

var username = $(".login").val();
var password = $(".password").val();
$(".submit").click(function() {
    alert(username);
});

当我在输入中输入文字并点击提交提醒时为空？

Answer 1

修改代码以在提交后指定值：

$(".submit").click(function(){
    var username = $(".login").val();
    var password = $(".password").val();
    alert(username);
});

因为，在调用页面时会分配值。这就是用户名为空的原因。

Answer 2

在点击功能

中使用以下脚本和用户名

$(".submit").click(function(){
var username = $(".login").val();
alert(username);
});

Answer 3

您在文档click上触发load事件之前获取用户名，并在触发click时点击事件以获取用户名的值。

<强> Live Demo

$(".submit").click(function(){
        var username = $(".login").val();
    var password = $(".password").val();
         alert(username);
});

Answer 4

您需要在 {@ 1}}回调中获取用户名/密码。现在你编写代码的方式是，当你的用户名/密码仍然是空白时，你会立即获得用户名/密码，而且永远不会再获得用户名/密码。

Answer 5

用户名的值在加载时初始化，因此它将始终为空

$(".submit").click(function(){
alert($(".login").val()); //get the current value
});

或

$(".submit").click(function(){
    var username = $(".login").val();
    alert(username);
});

Demo Fiddle

Answer 6

您已在提交点击之前获取该值

将以下代码放入点击功能中并尝试 var username = $（“。login”）。val（）; var password = $（“。password”）。val（）;

<form id="logform">
    <input class="login" name="login" type="text"><br />
    <input class="password" name="password" type="password"><br />
    <input class="submit" type="submit" value="login">
    </form>

$(".submit").click(function(){
var username = $(".login").val();
var password = $(".password").val();
alert(username);
});

来自输入标签的警报

6 个答案:

Demo Fiddle