Javascript 如果textfield或localstorage包含数据,则自动提交表单

Javascript 如果textfield或localstorage包含数据,则自动提交表单,javascript,jquery,html,local-storage,Javascript,Jquery,Html,Local Storage,我想执行自动登录功能。我有一个脚本,它可以在用户第一次登录时将电子邮件和密码保存在localstorage上,还可以在用户打开应用程序时在其各自的文本字段(电子邮件和密码)中显示电子邮件和密码 我的HTML <form action="login_script.asp" method="post" name="form5" target="_parent" id="form5" onclick="save()" > <table width="270"

我想执行自动登录功能。我有一个脚本,它可以在用户第一次登录时将电子邮件和密码保存在localstorage上,还可以在用户打开应用程序时在其各自的文本字段(电子邮件和密码)中显示电子邮件和密码

我的HTML

<form action="login_script.asp" method="post" name="form5" target="_parent" id="form5" onclick="save()" >
            <table width="270" border="0" cellpadding="4" cellspacing="4">
              <tr>
                <td><strong>Email</strong></td>
                </tr>
              <tr>
                <td>

                  <input name="email" type="email" id="email" size="40"/></td>
                </tr>
              <tr>
                <td><strong>Password</strong></td>
                </tr>
              <tr>
                <td>
                  <input name="password" type="password" id="password" size="40"/></td>
                </tr>
              <tr>
                <td>&nbsp;

                  <input type="submit" id="submit" name="submit" value="Submit">
                  &nbsp;</td>
                </tr>
              <tr>
                <td><span style="width: 480px; margin: 0 auto; margin-top: 30px;"><img src="imgs/loader.gif" alt="" name="gif" id="gif" style="display: block; margin: 0 auto; width: 30px; visibility: hidden;" /></span></td>
                </tr>
              </table>

            </form>

<script type="text/javascript">
  $('#form5').submit(function() {
    $('#gif').css('visibility', 'visible');
    return true;
});
            </script>

电子邮件
密码
$('#form5')。提交(函数(){
$('gif').css('visibility','visible');
返回true;
});
现在我想实现的是,一旦本地存储中有数据,或者电子邮件和密码文本字段包含一些变量,就应该自动提交

我在一项研究中得到了这个脚本,它可以自动提交表单,但不知道如何将它融合到我的表单中

$(function(){

$("input[name=name]").val("somename");
$("input[name=email]").val("323@ds.com");
$('#aweberform').submit();

});

<input type="submit" name="someothername" value="click to submit!">
$(函数(){
$(“input[name=name]”).val(“somename”);
$(“输入[名称=电子邮件]”).val(“323@ds.com");
$('#aweberform')。提交();
});

类似的方法应该可以:

$(function() {
  var
    $email = $('#email'),
    $password = $('#password'),
    localEmail = localStorage.getItem("eaddress"),
    localPwd = localStorage.getItem("pwd");

  // IF EMAIL AND PASSWORD ARE SAVED PREVIOUSLY, POPULATE THE FORM FIELDS THEN SUBMIT FORM

  // check if email saved previously
  if (localEmail != null) {        
    $email.val(localEmail);
  }

  // check if password saved previously
  if (localPwd != null) {
    $password.val(localPwd);
  }

  // if both exist in localstorage, submit form
  if (localPwd != null && localPwd != null) {
     $('form').submit();
  }

  // SAVE VARIABLES TO LOCAL STORAGE
  $('form').on('submit', function() {
    localStorage.setItem("eaddress", $email.val());
    localStorage.setItem("pwd", $password.val());
  });

});

预加载程序像执行登录操作一样加载,但不提交。我正在编辑这个问题以添加我的htmlwhat
checkReachability()
正在做什么?这是我用来检查互联网连接的一个功能。让我把它弄清楚
$(function() {
  var
    $email = $('#email'),
    $password = $('#password'),
    localEmail = localStorage.getItem("eaddress"),
    localPwd = localStorage.getItem("pwd");

  // IF EMAIL AND PASSWORD ARE SAVED PREVIOUSLY, POPULATE THE FORM FIELDS THEN SUBMIT FORM

  // check if email saved previously
  if (localEmail != null) {        
    $email.val(localEmail);
  }

  // check if password saved previously
  if (localPwd != null) {
    $password.val(localPwd);
  }

  // if both exist in localstorage, submit form
  if (localPwd != null && localPwd != null) {
     $('form').submit();
  }

  // SAVE VARIABLES TO LOCAL STORAGE
  $('form').on('submit', function() {
    localStorage.setItem("eaddress", $email.val());
    localStorage.setItem("pwd", $password.val());
  });

});