Javascript 来自输入标记的警报

嗨，我有这个剧本

<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);
});

var username=$（“.login”）.val（）；
var password=$（“.password”）.val（）；
$（“.submit”）。单击（函数（）{
警报（用户名）；
});

---

当我在输入中键入文本并单击“提交警报为空”时？

在单击功能中使用以下带有用户名的脚本

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

---

在对文档

load

触发

click

事件之前获取用户名，在触发

click

时，输入click事件以获取用户名的值

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

---

您需要在

submit

回调中获取用户名/密码。您现在编写代码的方式是，当用户名/密码仍然为空时，您将立即获取用户名/密码，并且再也无法获取该密码。

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

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

或

---

提交后修改代码以分配值：

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

---

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

您在提交单击之前已获取该值，这就是问题所在

将以下代码放入click函数中，然后重试 var username=$（“.login”）.val（）； var password=$（“.password”）.val（）

$（“.submit”）。单击（函数（）{
var username=$（“.login”）.val（）；
var password=$（“.password”）.val（）；
警报（用户名）；
});

试试这个-

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

<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);
});