Firefox認爲<fieldset>是一種表單元素; Chrome不是

Question

在我的JavaScript程序中，我通過它的元素從表單中獲取值，然後按順序將它們打印在一個警報中。這在Firefox中運行良好，但在Chrome中，順序很古怪，並以「Submit」按鈕結束。

我試圖擺脫字段和調整數字，它的工作，但我喜歡fieldset！此外，我不能只是製作一個數組並迭代它，因爲這些字段是按照Tab鍵順序調整的，我想相應地打印它們。有什麼建議麼？

在嘗試驗證後，我發現確實需要XHTML Strict的字段集。我一直在儲存數組中的元素，像這樣：

var $ = function (id) { return document.getElementById(id); } 

function check() { 
var x = $("myForm"); 

var user = new Array(); 
user[0] = x.elements[0].value; 
user[1] = x.elements[2].value; 
user[2] = x.elements[4].value; 
user[3] = x.elements[1].value; 
user[4] = x.elements[3].value; 
user[5] = x.elements[5].value; 

，然後用另一對夫婦陣列的檢查他們，並在彈出的顯示結果：

var answers = new Array(); 
answers[0] = "sample1"; 
answers[1] = "sample2"; 
answers[2] = "sample3"; 
answers[3] = "sample4"; 
answers[4] = "sample5"; 
answers[5] = "sample6"; 

var display = new Array(); 
for (var i=0;i<6;i++) { 
    if (user[i] == "") { 
     display[i] = "You entered nothing."; 
     } 
    else if (user[i] == answers[i]) { 
     display[i] = "Correct!"; 
     } 
    else { 
     display[i] = "Wrong. The correct answer is \"" + answers[i] + "\"."; 
     } 
    } 
alert(display[0] + "\n" + display[1] + "\n" + display[2] + "\n" + display[3] + "\n" + display[4] + "\n" + display[5]); 
} 

Answer 1

我想你「會是使用的ID關好：

<form ...> 
    <input ... id="q0" /> 
    <input ... id="q1" /> 
    <input ... id="q2" /> 
</form> 

所以，你可以這樣寫JavaScript代碼：

var answers = new Array(); 
answers[0] = "sample1"; 
answers[1] = "sample2"; 
answers[2] = "sample3"; 
answers[3] = "sample4"; 
answers[4] = "sample5"; 
answers[5] = "sample6"; 

var display = new Array(); 
for (var i=0;i<6;i++) { 
    var user = $('q' + i).value; 
    if (user == "") 
    display[i] = "You entered nothing."; 
    else if (user == answers[i]) 
    display[i] = "Correct!"; 
    else 
    display[i] = "Wrong. The correct answer is \"" + answers[i] + "\"."; 
} 
alert(display[0] + "\n" + display[1] + "\n" + display[2] + "\n" + display[3] + "\n" + display[4] + "\n" + display[5]); 

您的代碼可以收到很多的改進，太：

var answers = [ "sample1", "sample2", "sample3", "sample4", "sample5", "sample6" ]; 

var display = new Array(); 
for (var i=0;i<6;i++) { 
    var user = $('q' + i).value; 
    if (user == "") 
    display.push("You entered nothing."); 
    else if (user == answers[i]) 
    display.push("Correct!"); 
    else 
    display.push ("Wrong. The correct answer is \"" + answers[i] + "\"."); 
} 
alert(display.join('\n')); 

Answer 2

WebKit的錯誤（https://bugs.webkit.org/show_bug.cgi?id=48193）。