2016-04-13 6 views
1

私はPHPでかなり単純なメーラフォームを開発しています。私はdiv要素での質問のそれぞれを持っており、このJavaScriptは次のdiv /質問を明らかに(それがファイルform.phpである)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> 

、それは完全に罰金に動作しますインデックスページではなく、連絡先ページ... 私は、すべてのファイルが同じディレクトリにあるので、間違ったディレクトリを指しても何の問題もないはずです。

:私は

は、両方の場所のフォームを持っていると、これが問題になることができれば、私はわからないが、私のフォームアクションは「form.php」を含める

PHPを使用します

$ _SERVER ['PHP_SELF'];

これは非常に有用な人々の驚くべきコミュニティであり、多くの質問がなくても私がこのプロジェクトに参加した場所ではないと付け加えておきます。

+4

両方に同じスクリプトを使用しているため、index.phpとcontact.phpの両方に同じIDが設定されていることを確認してください。また、contact.phpページに矛盾するIDがないことを確認してください。おそらくあなたの '

'コードもここに入れてください。 –

+0

「」をすべて含めてください。また、 'form.php'を' php include 'form.php'としてそのままどのように含めるかは、実際にはフォームを含まないようにしてください。 – Marcus

+0

これは私の最初の投稿で、コードを追加する方法を考え出していました。しかし、それはページ上にあります: '<?php include 'form.php'?>' – Allison

答えて

0

私はフォームにすでにコメントフォームがあるページにフォームを追加していたので、2つのメーラのIDが競合していました。私が戻って考えると愚かです。私は2つのフォームを分けました。