如何使用PHP表单数据在按钮单击时运行JS函数？

-1

我在我的WordPress主页上有一个窗体需要一个输入。如何使用PHP表单数据在按钮单击时运行JS函数？

<form method='post' action='<?php bloginfo('url'); ?>/test123/' > 
    Name: <input type="text" name="name" required="required"> 
    <input type="submit"> 
</form>

当提交其重定向并通过输入到test123页面（页面有一个自定义的PHP模板）。如果我添加Hello <?php echo $_POST["name"]; ?>那么它的工作没有问题。

但是，我有一个JavaScript函数，应该在点击提交按钮后运行。用户输入name需要在函数内部使用。

我的第一个想法是使用onclick="test();"，但我不认为这可以用于调用不同页面上的函数，而且我仍然有将PHP数据传递给JS函数的问题。

我试过在test123页面的php模板文件中使用<script type="text/javascript> .... </script>，但没有运气。

编辑：

<?php /* Template Name: test123 */ ?> 

<?php get_header(); ?> 

Your email is <?php echo $_POST["email"]; ?> 

<script type="text/javascript> 
    function testing() { 
     console.log(<?php echo $_POST["email"]; ?>) 
    } 

    testing(); 
</script> 

<?php get_footer(); ?>

来源

2017-02-28 Lau

，因为你说的“点击提交按钮后”，“我不相信你的问题是有点不清楚将用于在不同页面上调用该功能“。您是否在提交按钮被点击之后但在表单提交之前如何运行该函数？或者您在问该如何在该页面加载时在下一页上运行函数*？ – Quentin

很抱歉，如果不清楚。我在问如何在加载时在下一页上运行该功能。 – Lau

*我试过使用''* - 这是正确的方法，我们不能说没有[mcve]的情况下它不起作用。你检查浏览器中的开发者工具，特别是显示JS错误信息的Console选项卡。 – Quentin

-1

如果您在WordPress的使用jQuery

$('form').submit(function(e){ 
var name = $(this).find('input[name=name]').val(); 
// do smth with name 
return true; 
});

来源

2017-02-28 13:59:36 Firanolfind

哈哈，为什么不喜欢？ – Firanolfind

我不喜欢/不喜欢（我有不到15代表，所以我不明显）。所以我可以在我的WordPress页面或PHP模板文件中的脚本标记中包含该jQuery？ – Lau

这将在表单提交之前在当前页面上运行该功能。 OP在询问如何在下一页上运行该功能。 – Quentin

如何使用PHP表单数据在按钮单击时运行JS函数？

回答

相关问题