如果文本字段或本地存储包含数据，则自动提交表单

Automatic form submission if textfield or localstorage contains data

本文关键字：表单提交数据包含字段文本存储如果更新时间：2023-09-26

我想执行自动登录功能。我有一个脚本，可以在用户首次登录时将电子邮件和密码保存在本地存储上，并在用户打开应用程序时在各自的文本字段（电子邮件和密码）中显示电子邮件和密码

$(function() {
  var
    $email = $('#email'),
    $password = $('#password');
  // SAVE VARIABLES TO LOCAL STORAGE
  $('form').on('submit', function() {
    localStorage.setItem("eaddress", $email.val());
    localStorage.setItem("pwd", $password.val());
  });
  // IF EMAIL AND PASSWORD ARE SAVED, PREPOPULATE THE FORM FIELDS
  if (localStorage.getItem("eaddress") != null) {
    $email.val(localStorage.getItem("eaddress"));
  }
  if (localStorage.getItem("pwd") != null) {
    $password.val(localStorage.getItem("pwd"));
  }
});

我的网页

<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>

现在我想要实现的是，一旦本地存储中有数据或电子邮件和密码文本字段包含一些变量，就应该自动提交

我得到了一个自动表单提交研究的脚本，但不知道如何将其融合到我的

研究中

$(function(){
$("input[name=name]").val("somename");
$("input[name=email]").val("323@ds.com");
$('#aweberform').submit();
});
<input type="submit" name="someothername" value="click to submit!">

这样的事情应该可以工作：

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