Question

我正在研究一个联系页脚。 HTML看起来像这样：

<form action="indexTest.php" method="post">
                    <input spellcheck="false" class="first" type="text" name="name" placeholder="name"> 
                    <input spellcheck="false" class="first" type="text" name="email" placeholder="email"> 
                    <textarea rows="5" spellcheck="false" class="last" type="text" name="message" placeholder="message"></textarea> 
                    <input type="submit" name="submit" value="" id="button" onclick="banner()">    
                </form>

现在，如果我点击“提交”，PHP文件正在运行。但正如您在代码中看到的那样，您会看到“onclick =”banner（）“。但这不起作用。只有PHP可以运行。它希望同时运行Javascript函数和PHP。

如果你点击'submit'，我想实现这个目标;运行PHP文件，Javascript显示横幅。

Answer 1

你可以使用首先执行功能的onsubmit()函数，然后动作事件将起作用

<form onsubmit="return banner();" action="indexTest.php" method="post"  name="theForm">
                        <input spellcheck="false" class="first" type="text" name="name" placeholder="name"> 
                        <input spellcheck="false" class="first" type="text" name="email" placeholder="email"> 
                        <textarea rows="5" spellcheck="false" class="last" type="text" name="message" placeholder="message"></textarea> 
                        <input type="submit" name="submit" value="" id="button">    
                    </form> 

                    <script type="text/javascript">
                        function banner(){
                            alert('working');
                            document.theForm.submit();
                        }
                    </script>

希望它会帮助你

Answer 2

javascript函数可以附加到表单onsubmit事件。

<form action="indexTest.php" method="post" onsubmit="banner()">
                <input spellcheck="false" class="first" type="text" name="name" placeholder="name"> 
                <input spellcheck="false" class="first" type="text" name="email" placeholder="email"> 
                <textarea rows="5" spellcheck="false" class="last" type="text" name="message" placeholder="message"></textarea> 
                <input type="submit" name="submit" value="" id="button">
</form>

当按钮类型为＆＃34;按钮＆＃34;时，onclick事件可能就会运行。

运行Javascript-function和PHP

2 个答案: