输入类型提交的跨浏览器问题

Question

我有一个表单有问题，它是在Firefox中工作，但在IE和Chrome中没有！当我按下提交按钮IE和Chrome没有反应！我没有检查过，因为我没有想过我会有这样的问题！我不知道我在这里错过了什么！是否有任何已知的问题（BUG）

形式：

<div id="Formulari"> 
<div class="WraperForForm"> 
<form action="index.php?menu=rezervimet&submenu=rezervo" method="post"> 

<div class="elementsLabelBox"> 
     Emri: 
</div> 
<div class="elementsBox"> 
     <input type="text" id="emri" name="emri"> 
</div> 

<div class="elementsLabelBox"> 
     Mbiemri: 
</div> 
<div class="elementsBox"> 
     <input type="text" id="mbiemri" name="mbiemri"> 
</div> 

<div class="elementsLabelBox"> 
     Prej: 
    </div> 
<div class="elementsBox"> 
     <select class="selectDest" name="Prej" onChange="getState(this.value)"> 
      <option></option> 
      '.funksionet::all_directions().' 
     </select> 
</div> 

<div class="elementsLabelBox"> 
     Deri: 
</div> 
<div class="elementsBox"> 
     <div id="statediv"><select class="selectDest" name="deri"> 
      <option></option> 
     </select></div> 
</div> 
<div class="elementsLabelBox"> 

      <form name="Data1Drejtim"> 
      <label for="data1drejtim">Data e nisjes:</label> 
</div> 
<div class="elementsBox"> 
      <input type="text" id="data1drejtim" name="data1drejtim"> 
      <script language="JavaScript"> 


    // whole calendar template can be redefined per individual calendar 
    var A_CALTPL = { 
     \'months\' : [\'Janar\', \'Shkurt\', \'Mars\', \'Prill\', \'Maj\', \'Qershor\', \'Korrik\', \'Gusht\', \'Shtator\', \'Tetor\', \'Nentor\', \'Dhjetor\'], 
     \'weekdays\' : [\'Di\', \'He\', \'Ma\', \'Me\', \'Ej\', \'Pr\', \'Sh\'], 
     \'yearscroll\': true, 
     \'weekstart\': 0, 
     \'centyear\' : 70, 
     \'imgpath\' : \'images/\' 
    } 

    new tcal ({ 
     // if referenced by ID then form name is not required 
     \'controlname\': \'data1drejtim\' 
    }, A_CALTPL); 
    </script> 

</div> 
<!-- ___________________ RETURN DATE _____________________________________ --> 
<div id="hideThis"> 
<div class="elementsLabelBox"> 
     <label for="dataKthyese">Data kthyese:</label> 
</div> 

<div class="elementsBox">   
      <input type="text" id="dataKthyese" name="dataKthyese"> 
       <script language="JavaScript"> 


    // whole calendar template can be redefined per individual calendar 
    var A_CALTPL = { 
     \'months\' : [\'Janar\', \'Shkurt\', \'Mars\', \'Prill\', \'Maj\', \'Qershor\', \'Korrik\', \'Gusht\', \'Shtator\', \'Tetor\', \'Nentor\', \'Dhjetor\'], 
     \'weekdays\' : [\'Di\', \'He\', \'Ma\', \'Me\', \'Ej\', \'Pr\', \'Sh\'], 
     \'yearscroll\': true, 
     \'weekstart\': 0, 
     \'centyear\' : 70, 
     \'imgpath\' : \'images/\' 
    } 

    new tcal ({ 
     // if referenced by ID then form name is not required 
     \'controlname\': \'dataKthyese\' 
    }, A_CALTPL); 
    </script> 
      </form> 
</div> 
</div> 




<div class="elementsLabelBox"> 
    Persona: 
</div> 
<div class="elementsBox"> 
     <select name="persona"> 
      <option value="1">1</option> 
      <option value="2">2</option> 
      <option value="3">3</option> 
      <option value="4">4</option> 
      <option value="5">5</option> 
      <option value="6">6</option> 
     </select> 
</div> 
<!-- <tr> 
    <td width="30" >Fëmij:</td> 
    <td><input type="text" size="3" name="femij"></td> 
</tr> --> 

<div class="elementsBox"> 
</div> 
<div class="elementsLabelBox"> 
</div> 

<div class="elementsLabelBox"> 
     <label for="1drejtim">Një drejtim</label> 
     <input type="radio" id="1drejtim" name="drejtimi" value="një drejtim" onclick="toggleVisibility(\'hideThis\',0)"> 
<br/> 
     <label for="1drejtim">Kthyese</label> 
     <input type="radio" id="kthyese" name="drejtimi" checked="checked" value="kthyese" onclick="toggleVisibility(\'hideThis\',1)"> 
</div> 


    <input style="float:right;margin:15px 49px 0 0;" type="submit" value="Rezervo" name="rezervo" /> 


</form><!-- end of the reservation form--> 
</div> 
</div><!-- end of Formulari--> 

谢谢您的时间。

Answer 1

在本文档中有两个<form>标记，并且嵌套最接近提交按钮的标记没有任何操作或方法属性。 IE和Chrome无法正常工作，因为此表单无法与提交相关联。