Javascript 对文件类型HTML表单使用ajax联系人表单

我有这样的表格：

<form id ="ajax-contact-form" action="upload.php" method = "post">

                <div class="col1">

                  <div class="clear"></div>
                  <br><br>
                  <INPUT type="text" name="Name" value="Full name:" onBlur="if(this.value=='') this.value='Full name:'" 
                            onFocus="if(this.value =='Full name:' ) this.value=''">
                  <div class="clear"></div>

                  <INPUT type="text" name="Email" value="Your email:" onBlur="if(this.value=='') this.value='Your email:'" 
                            onFocus="if(this.value =='Your email:' ) this.value=''"><div class="clear"></div>

                  <INPUT type="text" name="University" value="University, College or Institute:" onBlur="if(this.value=='') this.value='University, College or Institute:'" 
                            onFocus="if(this.value =='University, College or Institute:' ) this.value=''">
                  <div class="clear"></div></div>

                  <div class="col1 pad_left5"><br>
                  <h4>Please write about your academic research experiences:</h4>
                  <TEXTAREA NAME="Content" onBlur="if(this.value=='') this.value=''" 
                          onFocus="if(this.value =='' ) this.value=''"></TEXTAREA>
                  <div class="clear"></div></div>
                  <div class="clear"></div>


                  <br><h4>Upload your photo (200 x 200):</h4><br>
                  <INPUT type = "file" name="Picture" id = "picture" lang="en">
                  <div class="clear"></div><br>

                  <h4>Please upload your academic publications under one folder as a compressed file:</h4><br>
                  <INPUT type = "file" name="Publications" id = "Publication" lang="en">
                  <div class="clear"></div><br>

                  <div class="box">
                  <div class="services1">
                  <h4>GPA</h4><br>
                  <INPUT class="capthca" type="text" name="GPA" value="GPA:" onBlur="if(this.value=='') this.value='GPA:'" 
                            onFocus="if(this.value =='GPA:' ) this.value=''">

                  <div class="clear"></div><br>

                  <h4>IELTS</h4><br>
                  <INPUT class="capthca" type="text" name="IELTS" value="IELTS Score:" onBlur="if(this.value=='') this.value='IELTS Score:'" 
                            onFocus="if(this.value =='IELTS Score:' ) this.value=''">
                  <div class="clear"></div>
                  </div>

                  <div class="services1">
                  <h4>TOEFL</h4><br>
                  <INPUT class="capthca" type="text" name="PBT" value="PBT:" onBlur="if(this.value=='') this.value='PBT:'" 
                            onFocus="if(this.value =='PBT:' ) this.value=''"> <div class="clear"></div>

                  <INPUT class="capthca" type="text" name="CBT" value="CBT:" onBlur="if(this.value=='') this.value='CBT:'" 
                            onFocus="if(this.value =='CBT:' ) this.value=''"> <div class="clear"></div>

                  <INPUT class="capthca" type="text" name="IBT" value="IBT:" onBlur="if(this.value=='') this.value='IBT:'" 
                            onFocus="if(this.value =='IBT:' ) this.value=''"> <div class="clear"></div>


                  <div class="clear"></div> 
                  </div>

                  <div class="services1 last">
                  <h4>ALES</h4><br>
                  <INPUT class="capthca" type="text" name="VERBAL" value="Verbal Score:" onBlur="if(this.value=='') this.value='Verbal Score:'" 
                            onFocus="if(this.value =='Verbal Score:' ) this.value=''"> <div class="clear"></div>

                  <INPUT class="capthca" type="text" name="MATH" value="Math Score:" onBlur="if(this.value=='') this.value='Math Score:'" 
                            onFocus="if(this.value =='Math Score:' ) this.value=''"> <div class="clear"></div>

                  <INPUT class="capthca" type="text" name="EQUALWEIGHT" value="Equal Weight Score:" onBlur="if(this.value=='') this.value='Equal Weight Score:'" 
                            onFocus="if(this.value =='Equal Weight Score:' ) this.value=''"> <div class="clear"></div>
                  </div>          
                  <div class="clear"></div> 
                  </div>     
                  <div class="clear"></div>
                  <INPUT class="submit" type="submit" name="submit" value="submit">
                  <div class="clear"></div>  


                  <?php
                  $Name = $_POST["Name"];
                  $University = $_POST["University"];
                  $Academic_Experience = $_POST["Content"];
                  $Photo = $_POST["Picture"];
                  $Publications = $_POST["Publications"];
                  $GPA = (float)$_POST["GPA"];
                  $VERBAL = (float)$_POST["VERBAL"];
                  $MATH = (float)$_POST["MATH"];
                  $EQUALWEIGHT = (float)$_POST["EQUALWEIGHT"];
                  $PBT = (float)$_POST["PBT"];
                  $CBT = (float)$_POST["CBT"];
                  $IBT = (float)$_POST["IBT"];
                  $IELTS = (float)$_POST["IELTS"];
                  ?>
                  </form>

请写下你的学术研究经历：

上传您的照片（200 x 200）：



请将您的学术出版物作为压缩文件上传到一个文件夹中：



平均成绩



雅思考试

托福

ALES

---

当我运行此代码时，提交不起作用。但是当我删除'id=“ajax联系人表单”时，提交工作正常。但是我想用ajax联系人表单的风格来设计我的表单。我怎样才能解决这个问题？ajax联系人表单可能不起作用，因为它涉及文件类型输入。但我真的需要这种类型的输入，并希望从中获得ajax联系人的设计。我在等你的帮助。谢谢……

哈桑，你好，同样的问题，是吗？看到出现了

ajax

一词，如果您为所有文件包含完整的代码，可能会对其他人有所帮助。我认为您有一个单独的Ajax文件，所以请发布所有相关代码。通过此链接，您可以访问创建ajax联系人表单的css代码。你可以在“=======Contacts==========”的标题下找到它，这是很多CSS。我能想到的唯一一件可能导致这个问题的事情，就是我最初在你的第一个问题中看到的潜在错误单词

capthca

。也许你把它卖错了，需要验证码？我这么说是因为，这就是代码的名称，这是我能说的最好的。尝试构建另一个样式表，然后重新开始。验证码不是问题。因为首先我创建了一个包含验证码的联系表单。验证码栏的大小适合我在表格下的输入。这只是一个名字。我只是试图修改一些条目的验证码类型输入。如果它会导致问题，当我删除“id=”ajax联系人表单时，它将不起作用。但是当我删除它时，提交会起作用。而且当时验证码没有问题。现在我删除了上载文件类型并重试，它仍然不起作用。我想你关于验证码类型的看法可能是正确的。我正在尝试。