我一直在用PHP开发一个非常简单的邮件程序表单。我有div元素中的每个问题,这个javascript揭示了下一个div / question(它在文件form.php中)
<script type="text/javascript">
function hideshow(which){
if (!document.getElementById)
return if (which.style.display=="block")
which.style.display="none"
else which.style.display="block" }
</script>
并且单独的代码验证在显示下一个元素之前选择或输入的内容。
好的,所以在索引页面上一切正常。但是,在联系我们页面(我希望表单可用,因为我怀疑很多人不会填写索引页面上的弹出窗口)我遇到了麻烦。我的脚本一直前进到最后一个问题和提交表单的按钮。然后没有任何反应......我可以点击按钮,但它不提交表格。这是应该提交表单的脚本(包含在validation.js中):
function ageValidate(){ 'use strict';
//Verfiy that submitter is not a robot
var age=document.getElementById('age').value;
if(age === ""){ // no answer, submit form
document.getElementById('ageErr').innerHTML = 'This is to validate that you are not a robot, please enter the correct answer to the problem.';
return false;
} else if (age === "5"){ // right answer
submitForm(); return true; } else { // wrong answer
document.getElementById('ageErr').innerHTML = 'Your answer is incorrect or you did not use the numeric format. 2 is valid, but two is not valid.'; } }
$(document).ready(function() { $(window).keydown(function(event){
if(event.keyCode == 13) {
event.preventDefault();
return false;
} }); });
function submitForm() { if (document.getElementsByName("serviceType")[0].value === "")
return false; else if (document.getElementsByName("numberPhones")[0].value === "")
return false; else if (document.getElementsByName("zip")[0].value === "")
return false; else if (document.getElementsByName("email")[0].value === "")
return false; else if (document.getElementsByName("name")[0].value === "")
return false; else if (document.getElementsByName("age")[0].value === "")
return false; else { document.forms["howHelp"].submit(); }
表格中的最后一个问题:form.php:
<div id="q7" style="display:none">
<div class="how-help">
<h2>What is eight minus three?</h2>
<center><div>
<input type="text" name="age" id="age" value="<?php echo $age;?>">
</div><br/>
<div id="ageErr" name="ageErr" style="color: #000; background: #41b0cc; font-weight:700; width: 400px; height: auto; margin:0px; font-size:10pt;"></div></center>
</div>
<!-- FOOTER -->
<div class="how-help-footer">
<center>
<input type="button" class="jump"
value="Continue"
onclick="ageValidate()"></form>
</center><a href="javascript:hideshow(document.getElementById('q6')); hideshow(document.getElementById('q7'))" class="back">BACK</a><div class="private"><a href="#" class="private"> Privacy Policy</a></div>
</div>
</div>
<script src="validation.js" language="javascript" type="text/javascript"></script>
同样,它在索引页面上工作得很好,但在联系页面上却没有... 我应该补充一点,所有文件都在同一个目录中,因此指向错误的目录应该没有任何问题。我用
php包含'form.php'
将表单放在两个位置,我不确定这是否可能是问题,但我的表单操作是:
$ _ SERVER [ 'PHP_SELF'];
我应该补充说,这是一个非常有帮助的人的一个惊人的社区,没有很多问题和回答,我不会在这个项目的地方,所以感谢过去和提前的一切!