Question

我有一个链接到php文件的按钮，该文件在点击时跟踪用户的电子邮件，但我不希望用户在点击按钮时离开页面，我只想更改按钮＆＃ 39; s值。这是表单的html。

<form action="mysql-query.php" method="post">
<input type="text" name="email" style="display:none;">
<input type="submit" value="Press here" id="test"  onclick="Press()">
</form>

这是处理表单的脚本：

<script>
function Press() {
   var test= document.getElementById("test");
   test.value="Thank you";
localStorage.value=("ok");
}
</script>

我把显示：无;因为我不想显示除按钮之外的任何内容，并且有办法连接我的php文件有什么想法吗？

Answer 1

使用：

<form action="javascript:void()">

好的，这件事阻止表单在任何地方发送数据，除非你在提交按钮上使用“onclick”事件。

Answer 2

您需要使用ajax：

HTML：

<form action="mysql-query.php" method="post" onsubmit="return Press(this)">
<input type="text" name="email" style="display:none;">
<input type="submit" value="Press here" id="test">
</form>

JS：

function Press(form) {
   $.post($(form).attr('action'), function() {
       var test= document.getElementById("test");
       test.value="Thank you";
       localStorage.value=("ok");
   });
   return false; // prevent submitting the form
}

使用jQuery

或更好地绑定提交事件：

$('form').submit(function() {
   $.post($(this).attr('action'), function() {
       var test= document.getElementById("test");
       test.value="Thank you";
       localStorage.value=("ok");
   });
   return false; // prevent submitting the form
});

Answer 3

您可以做的是删除按钮上的type =“submit”并将其替换为type =“button”。接下来，你可以对你的php做一个ajax调用并做你的魔法。

PHP表单提交按钮但不离开页面

3 个答案: