我想在输入字段为空时回显警报，但它总是回显警报

Question

我正在使用wordpress登录。我正在尝试在登录或密码输入为空时调用函数。我正在尝试下面的代码，无论我输入什么东西到输入或什么也没有，它总是回声警报，为什么？

我知道输入内部value=""，在我输入任何内容之前没有任何意义，即使我在控制台上输入内容，我仍然看到value=""，我现在很困惑。

＆＃13;

＆＃13;

var user_login = $('#user_login').val();
var user_pwd = $('#user_pass').val();
$('#wp-submit').click(function() {
  if (user_login == '' || user_pwd == ''){
    alert('hello');
  }
});
	 
   

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="user_login" type="text" value="" name="log"></input>
<input id="user_pass" type="text" value="" name="pwd"></input>
<input id="wp-submit" type="submit" value="log in"></input>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您只是在首页加载时获取值，而不是在点击按钮时。

您必须在点击处理程序

中获取值

$('#wp-submit').click(function(){
    var user_login = $('#user_login').val();
    var user_pwd   = $('#user_pass').val();

    if (user_login === '' || user_pwd === ''){
        alert('hello');
    }
});