Question

我在预先存在的原型中创建了虚假的登录体验。我认为我的问题是按钮上已经有一个点击事件将它推进到下一个div（它是一个单页设置，其中插入了div），我需要将以下验证功能添加到同一个按钮。这是我到目前为止所做的：

$('#login_button').click(function(e){
  var username_input = $('input[placeholder*="Hint"]'), 
      password_input = $('input[placeholder*="Password"]'),
      username = $(username_input).val(),
      password = $(password_input).val(),
      login_errors = 0;

  if ((username == '') || (password == '')) {
    console.log("Please enter your username and password.");
    login_errors = 1;
  } else  if ((username == 'my_username') && (password == 'my_password')) {
    console.log("Username and password are correct.");  
  } else {
    console.log("Your username or password are incorrect. Retry.");
    login_errors = 1;
  }

  if (login_errors != 0){
    e.preventDefault();
  }
});

我最后在那里迷失了一点。我可以通过按钮来验证输入并前进到下一页，但我不知道如何让它同时完成这两件事。

Answer 1

这是我的解决方案：

在我的项目中，我不得不重构以理清某些逻辑。我做了一个小工具，立即工作，帮助我澄清事情：

jsfiddle.net/kapunahele/0c9htr4o

使用/ Javascript伪造登录

1 个答案: