Question

我花了一整天时间寻找答案，并在代码中使用了Jquery，但它没有用。我有一个带有2个按钮的提交表单：提交，检索密码

我希望用户输入用户名并单击检索密码然后获取该用户名并在php函数中使用它从数据库中获取用户特定的问题并将其返回在文本字段中

我很好用数据库部分只需要一个简单的例子，并通过点击检索密码按钮将用户名传递给php 没有提交表格或重置将丢失所有信息的页面

Answer 1

您可以使用jQuery尝试：

<form>
    <input id="usernameInput" name="username" value="">
    <input type="submit" value="Submit">
</form>

<a id="RetrivePasswordBtn" href="#" data-url="http://www.example.com">
    Retrieve Password
</a>

jQuery Code将如下：

<script>
    $(document).on(ready, function() {
        $("#usernameInput").on("input", function(e) {
            var url = $("#RetrivePasswordBtn").data("url");
            url += "?username=" + encodeURIComponent($(this).val());
            $("#RetrivePasswordBtn").prop("href", url);
        })
    })
</script>

在PHP中你可以在GET Params中得到它，如：

<?php
    function functionName() {
        // Here you can get the value of the username
        $username = $_GET('username');
    }

View it in jsFiddle

希望这有帮助！

或者查看代码块 -

$(document).on('ready', function() {
	$("#usernameInput").on("input", function(e) {
	  var url = $("#RetrivePasswordBtn").data("url");
	  url += "?username=" + encodeURIComponent($(this).val());
	  $("#RetrivePasswordBtn").prop("href", url);
      
      $("#textBlock").text(url);
	});
});

.btn {
  display: inline-block;
  padding: 10px;
  background-color: #1C90F3;
  color: #fff;
  text-decoration: none;
  margin-top: 20px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
    <input id="usernameInput" name="username" value="">
    <input type="submit" value="Submit">
</form>

<a id="RetrivePasswordBtn" class="btn" href="#" data-url="http://www.example.com">
    Retrieve Password
</a>

<br /><br />
<div>
  Link to be created - <span id="textBlock"></span>
</div>

如何在不提交表单的情况下将输入变量传递给PHP函数？

1 个答案: