2015-08-08 71 views
0

目前对于学校我必须做一个联系表单与Javascript验证,将检查是否填写名称,电子邮件等。如果是这样,它必须运行一个发送电子邮件的php代码。如何运行一个php文件,当javascript验证没有ajax完成时,json

现在,我完成了所有的JavaScript验证,但我对如何激活PHP代码的JavaScript验证完成后发送电子邮件有点卡住关于..

我不能使用任何其他类似AJAX,Jquery ..我见过很多关于此的帖子,但他们都是关于这些语言的。

我没有计划在提交表单后重定向和使用着陆页。

回答

0

对于这一个,你需要回顾一下历史,并使用早于AJAX的技术。基本上,90年代的老派形式。

  1. 在您的HTML中,请确保您的表单具有ID和名称属性。典型的约定是给它们相同的值并使它们在页面上唯一
  2. 确保所有表单域都位于HTML中的表单元素内
  3. 将表单的action属性设置为PHP页面的地址。地址将根据应用程序的设置而有所不同
  4. 将表单的方法设置为POST。在您的PHP页面中,您应该使用标准机制从表单中读取POST数据
  5. 最后,您需要JavaScript代码中的某些内容才能激活表单。一个典型的低技术方法是使用getElementByID()在DOM中获取对表单的引用,然后调用submit()。这种技术不需要像jquery这样的任何JavaScript库。当然,这应该在您运行验证代码后完成。

如果您需要关于如何执行这些步骤的帮助,只需做更多的Google搜索,您会发现很多细节。

像JQuery一样使用库的AJAX技术也在做类似于表单POST的东西,但是它更聪明,因为你不需要离开你所在的页面。这是浏览器在10年前开始采用的新功能。我的猜测是你的教授在潜入复杂的东西之前想要先教你基础知识。祝你好运!

0

是它可能你只需要使用一些CSS/Java脚本代码和所有完成

您可以使2输入型按键和点击数设置和调用JavaScript交界处,隐藏按钮使用CSS显示无属性,然后单击按钮使用JavaScript在验证完成后使用的if else条件

喜欢这个

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<style> 
 
input{display:none;} 
 
</style> 
 
<body> 
 
<input type="submit" value="" id="test" onclick="name()"> 
 
<input type="submit" value="" id="test2" onclick="name2()"> 
 

 
<script> 
 

 
if (new Date().getHours() > 18) { 
 
    document.getElementById("test").click(); 
 
} 
 
else 
 
{ 
 
document.getElementById("test2").click(); 
 
} 
 
function name(){ 
 
alert('My Name Is Imtiyaz GO www.trickwordpress.in'); 
 
} 
 
function name2(){ 
 

 
alert('for More Help Go "www.trckwordpress.in"'); 
 
} 
 

 
</script> 
 

 

 
</body> 
 
</html>