使用JS或JQuery将URL变量放入HTML表单

debugcn 发表于 Dev

树木

我试图在这样的URL中传递变量，以填充HTML和Liquid表单，并在填充后将其提交：

http://www.example.com/[email protected]&customer_password=123456

我发现与我要实现的目标最接近的问题是这个问题。我迷路了，因为我不了解如何将变量放入表格中。

有人可以分解/解释吗？

这是表单代码：

    {% form 'customer_login' %}

      <h1>Login</h1>

      {% include 'form-errors-custom' %}

      <label for="customer_email" class="hidden-label">Email Address</label>
      <input type="email" value="" name="customer[email]" id="customer_email" placeholder="Email" {% if form.errors contains "email" %} class="error"{% endif %} autocorrect="off" autocapitalize="off" autofocus>

      {% if form.password_needed %}

        <label for="customer_password" class="hidden-label">Password</label>
        <input type="password" value="" name="customer[password]" id="customer_password" placeholder="Password" {% if form.errors contains "password" %} class="error"{% endif %}>

        <p>
          <a href="#" onclick="showRecoverPasswordForm();return false;">Forgot your password?</a>
        </p>

      {% endif %}

      <div class="text-center">
        <p>
          <input type="submit" class="btn" value="Sign In">
        </p>
        or <a href="{{ shop.url }}">Return to Store</a>
      </div>

    {% endform %}

铁硝龙

如果您希望从URL客户端获取参数（根据标签使用JS / Jquery），则可以获取查询字符串（使用location.search）并提取键/值对，然后根据需要分配它们。

//var str = location.search

var str = '[email protected]&customer_password=123456';
var pairs = str.split('&');
var email = pairs[0].split('=')[1];
var password = pairs[1].split('=')[1];
$('#customer_email').val(email);
$('#customer_password').val(password);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <input type="email" value="" name="customer[email]" id="customer_email" placeholder="Email" autocorrect="off" autocapitalize="off" autofocus>


<input type="password" value="" name="customer[password]" id="customer_password" placeholder="Password" class="error"{% endif %}>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。