繁体   English   中英

在没有ajax,json的javascript验证完成后如何运行php文件

[英]How to run a php file when javascript validation is finished without ajax, json

目前在学校,我必须制作一个带有Javascript验证的联系表单,该表单将检查姓名,电子邮件等是否已填写。如果是,则必须运行php代码来发送课程电子邮件。

现在,我完成了所有的javascript验证,但是我对在javascript验证完成后如何激活php代码以发送电子邮件的方法有些困惑。

我不允许使用其他任何东西,例如AJAX,Jquery。。我已经看过很多关于此的文章,但它们都是关于这些语言的。

提交表单后,我并没有计划重定向和使用登录页面。

为此,您需要回顾一下历史并使用AJAX之前的技术。 基本上是90年代的老式形式。

  1. 在HTML中,确保您的表单具有id和name属性。 通常的约定是赋予它们相同的值并使它们在页面上唯一
  2. 确保所有表单字段都在HTML的form元素内
  3. 将表单的action属性设置为PHP页面的地址。 地址将根据您的应用程序的设置方式而有所不同
  4. 将表单的方法设置为POST。 在您的PHP页面中,您应该使用标准机制从表单读取POST数据
  5. 最后,您需要在JavaScript代码中添加一些内容才能激活表单。 一种典型的技术含量较低的方法是使用getElementByID()获取对DOM中表单的引用,然后在其上调用Submit()。 此技术不需要jquery之类的任何JavaScript库。 当然,这应该在运行验证代码之后完成。

如果您需要有关如何执行步骤的帮助,只需多做一些谷歌搜索,您就会发现很多细节。

像JQuery这样的库使用的AJAX技术也可以做类似于POST表单的操作,但是它更聪明,因为您不需要离开正在使用的页面。 这是浏览器在10年前开始采用的一项新功能。 我的猜测是,您的教授想先教给您基础知识,然后再研究复杂的东西。 祝好运!

是的,您可以只使用一些CSS / Java脚本代码并全部完成

您可以将按钮的2种输入类型设置为onlick,然后使用CSS的Display None属性调用JavaScript连接和隐藏按钮,并在完成验证时使用if条件来使用JavaScript单击Button

像这样

 <!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> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM