我想知道如何从javascript调用php脚本,我知道你的意思是使用AJAX,但我就是无法让它工作。
我有一个html格式的"联系我"表单,在单击上,它会激活一个javascript脚本,该脚本验证输入到不同字段中的值。
如果所有这些都有效,我希望它调用一个名为 mail.php 的 php 脚本,该脚本发送电子邮件。
html,javascript和php脚本都可以工作,只是我不确定这一点。
形式:
<form name="mail" id="mail" method="post">
<textarea class="message" name="message" id="message">Input message to send here.</textarea>
<div class ="type">
<h2>Contact</h2><br /><br />
<h3>Name</h3><br />
<h3>Email</h3><br />
<h3>Subject</h3><br />
<div class="text-boxes">
<input type="text" class="input-text" name="name" id="name"/><br /><br />
<input type="text" class="input-text" name="email" id="email"/><br /><br />
<input type="text" class="input-text" name="subject" id="subject"/><br /><br />
</div>
<div class="submit">
<input type="image" src="images/submit.gif" alt="Submit button" onClick="validate(this.form)"/>
</div>
</form>
提交时,表单调用 js 脚本。
谢谢。
你应该submit
表单。(或使用JavaScript来验证表单,然后提交)
<form id="email_form">
<input name="name">
<input type="submit" id="submit_btn">
</form>
然后mail.php
会得到信息,你可以在那里做任何你想做的事情。
添加
要在 JavaScript 中提交form
:
document.querySelector("#submit_btn").addEventListener("click",function(e){
var form = document.querySelector("#email_form"); //Select the form
form.submit(); //Submit it (very self-explanatory)
e.preventDefault();
},false);
您的表单标签缺少操作属性:
<form name="mail" id="mail" method="post" action="mail.php">
没有它,表格将不会提交到任何地方!
请注意,mail.php
应与html
文件位于同一文件夹中。
此外,要使用 JavaScript 提交,在验证所有字段后,您可以:
document.forms["mail"].submit();
注意:
如果你发布你的javascript和PHP,可以提供更好的帮助!