我有一个HTML表单要求用户输入。javascript函数用于验证表单,应该在执行PHP代码之前触发(使用onsubmit)。(js文件在标头<script type="text/javascript" src="js/javascript.js"></script>
中被引用)
但是,javascript永远不会被执行,而是PHP代码执行并(正确)包含新文件。
如何使 JavaScript 按要求执行?
文件:
<form name="details" action="" method="post"
onSubmit="return ValidateForm(details);">
...
<input type="submit" name="post-this-form" value="Next"/>
</form>
PHP文件:
if (isset($_POST['post-this-form']) and
$_POST['post-this-form'] == 'Next')
{
...
some php
...
include 'shipping-details.html.php';
exit();
}
编辑
这是请求的JavaScript。它已经过测试和工作,不涉及任何PHP。通过传递details
(表单的名称),我使所有表单字段都可访问。
function ValidateForm(details)
{
var firstName=document.forms.details.firstName.value;
var lastName=document.forms.details.lastName.value;
var streetAddress=document.forms.details.streetAddress.value;
var town=document.forms.details.town.value;
var city=document.forms.details.city.value;
var zip=document.forms.details.zip.value;
var country=document.forms.details.country.value;
var creditCard=document.forms.details.creditcard.value;
...
//Checks firstName
if ((firstName=="")||(!firstName.match(alphabetExpression)))
{
alert ("Invalid first name, please re-enter");
return false;
}
...
//Checks creditCard
if ((creditCard=="")||(!creditCard.match(numericExpression))||(creditCardLength!=16))
{
alert ("Invalid credit card entry, please re-enter");
return false;
}
}// end function
编辑 2
我在 JavaScript 的开头添加了alert ("Hi");
,但警报从未出现,这让我认为该函数根本没有执行。
编辑 3
我最初怀疑这个问题可能是由于PHP引起的,这是错误的。正如Jason在他的评论中提到的,问题出在javascript本身。这有点奇怪的想法,因为相同的javascript代码在没有PHP和我的本地机器上"独立"工作。需要考虑的因素太多了...感谢大家抽出宝贵时间看看我的问题!
以下是您必须了解的有关您尝试构建的函数的一些事项
function ValidateForm() {
this; // this contains the form name no need for any variable declaration
return true; // or false This is very important to continue the execution
// false stops the submittion
}
当您解决这两个问题时,它应该可以根据需要工作。
注释转换为答案
"我敢打赌有一个javascript错误。打开错误控制台。Ctrl+Shift+J 在 Firefox 中。
很高兴有帮助。