javascript - 我在尝试使用 JS 提交表单时遇到无法 POST 的问题

标签 javascript html

我的 Javascript 和 HTML 存在问题,当我提交表单时,出现“无法 POST”错误。我已经看过Shows error "Cannot POST" when I try to submit the HTML form ,但这似乎是基于服务器的。抱歉,我正在为类(class)做这件事,所以我现在有点时间紧张。

我的登录JS代码:

function login(){
    var pw = document.forms['login']['passcode'].value;
    var email = document.forms['login']["email"].value;
    var login = userLogin().get();
    if(email == "adrian@tissue.com" && pw == "welcome1"){
        window.location = "issues.html";
    }
    else if(email == "admin@tissue.com" && pw == "admin123"){
        window.location = "subscription-dashboard.html"
    }
    else if(email == login[0] && pw == login[1]){
        window.location = "issues.html";
    }
    else{
        alert("That password/email is incorrect");
        return false;
    };
}

我的 get 模块是:

(function userLogin(){
return {
    store: function(password, email){
        sessionStorage.setItem(pass, password);
        sessionStorage.setItem(user, email);
        return false;
    },
    get: function(){
        var mail = sessionStorage.getItem(user);
        var pwkey = sessionStorage.getItem(pass);
        var loginfo = [mail, pwkey];
        return loginfo;
    }
}
});

我的 HTML 代码是:

<form action="#" name="login" method="post" onsubmit="return login()">
        <input type="text" name="email" placeholder="Email" required>
        <input type="password" name="passcode" placeholder = "Password" required>
        <input type="submit" value="login">
</form>

为了方便起见,这是我的 fiddle 。我正在使用 Brackets,这个类是客户端 JS。 https://jsfiddle.net/MiguelPi/nmp6oxat/1/

最佳答案

似乎您正在尝试访问匿名函数,请像这样重写userFunction(不带外部括号):

function userLogin(){
  return {
    store: function(password, email){
      sessionStorage.setItem(pass, password);
      sessionStorage.setItem(user, email);
      return false;
    },
    get: function(){
      var mail = sessionStorage.getItem(user);
      var pwkey = sessionStorage.getItem(pass);
      var loginfo = [mail, pwkey];
      return loginfo;
    }
  }
}

关于javascript - 我在尝试使用 JS 提交表单时遇到无法 POST 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53586096/

相关文章:

java - 动态渲染图像

javascript - 如何为 prettyPhoto 实现自定义标记触发器

javascript - 如何检查IE 5.5是否在线

javascript - 折叠所有项目并仅展开其中一项

javascript - 为连续选定的表格单元格设置样式

javascript - AngularJS 使用 http.get 和 ng-model

javascript - 为什么 componentDidUpdate 看不到新插入的 dom 节点?

javascript - 关于动力学层的问题

html5 视频在通过 chrome 中的 Controller 流式传输时仅播放一次,而根本不在 ipad 中播放

html - 将 div 类放在导航栏 Bootstrap 之上