我正在使用Google表单构建一个表单，但他们的模板非常难看，我想编辑它们，所以我下载并在本地编辑它，但这很奇怪。当我提交Chrome或歌剧甚至野生动物园时，我可以看到我在我的gDrive上收到了答案，但如果我在FF或IE上提交它就无法工作..
以下是整个代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<title>Voluntários - Ricardo Rio </title>
<link href="./css_voluntarios.css" type="text/css" rel="stylesheet">
<!-- Script to validate the form answers -->
<script type="text/javascript">
function validaForm(){
erro = '';
if(getId('entry_2088997204').value.length < 3) erro += ' - Indique o nome;\n';
if(!isMail(getId('entry_850426325'))) erro += ' - Indique um e-mail válido;\n';
if(getId('entry_1049444434').value.length < 3) erro += ' - Indique o telemóvel;\n';
if(document.getElementById('group_1644344826_1').checked != true && document.getElementById('group_1644344826_2').checked != true && document.getElementById('group_1644344826_3').checked != true && document.getElementById('group_1644344826_4').checked != true && document.getElementById('group_1644344826_5').checked != true && document.getElementById('group_1644344826_6').checked != true && document.getElementById('group_1644344826_7').checked != true && document.getElementById('group_1644344826_8').checked != true && document.getElementById('group_1644344826_9').checked != true) erro += ' - Defina o tipo de participação;\n';
if(document.getElementById('termo').checked != true) erro += ' - Aceite o termo;\n';
if(erro == ''){
getId('ss-form-container').style.display='none';
getId('waitGoogle').style.display='block';
getId('sentname').innerHTML=getId('entry_2088997204').value+',';
setTimeout("feedbackGoogle()",1000);
return true;
}else{
alert(unescape('Ooops! Ocorreram erros:\n\n' + erro + '\nPor favor, corrija e tente novamente!'));
}
return false;
}
function feedbackGoogle() {
getId('waitGoogle').style.display='none';
getId('feedbackGoogle').style.display='block';
getId('ss-form-container3').style.display='block';
}
function getId(thisId) {
return document.getElementById(thisId);
}
function isMail(mailField){
strMail = mailField.value;
var re = new RegExp;
re = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
var arr = re.exec(strMail);
if (arr == null) return(false);
else return(true);
}
function isCont(contField){
strCont = contField.value;
var re = new RegExp;
re = /^([0-9_\.\-])+$/;
var arr = re.exec(strCont);
if (arr == null) return(false);
else return(true);
}
</script>
</head>
<body class="ss-base-body" dir="ltr">
<!-- Header image-->
<div id="ss-form-container1" ><img src="img/likeVNet_01.jpg" width="100%"></div>
<div id="ss-form-container2">
<img src="https://d19cgyi5s8w5eh.cloudfront.net/img/8dc9f2caee75a5d0a7c794f6369ddbe2044bce2a" alt="" width="100%" height="20" border="0" id="_x0000_i1027" / align="absmiddle"></div>
<!-- Here is where the form starts! -->
<div id="ss-form-container">
<div class="ss-form"><form action="https://docs.google.com/forms/d/1hUPKf2FeISOPCfJb78GqjGBVcRr7Yg1cpVhK6ByLOXM/formResponse" method="POST" id="ss-form" target="resposta" onSubmit="return validaForm()">
<div class="errorbox-good">
<div dir="ltr" class="ss-item ss-image-container">
<div class="ss-form-entry"></div>
</div>
</div>
<div class="errorbox-good">
<div dir="ltr" class="ss-item ss-section-header">
<div class="ss-form-entry">
</div>
</div>
</div>
<!-- Title of the first part of the form -->
<div class="ss-section-description">Ficha de Inscrição de Voluntários </div>
<br>
<!-- Start of the form (nome == name) -->
<div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_2088997204">
<div class="ss-q-title">Nome<span class="ss-required-asterisk">*</span></div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<input type="text" name="entry.2088997204" value="" class="ss-q-long" id="entry_2088997204" dir="auto">
</div>
</div>
</div>
<!-- The date of birth inside a table, dont know why, google made this -->
<table width="576" border="">
<tr>
<td width="284"><div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-date">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_651116284">
<div class="ss-q-title">Data de Nascimento </div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<input type="date" name="entry.651116284" value="dd/mm/aaaa" class="ss-q-date" dir="auto" id="entry_651116284">
</div>
</div>
</div></td>
<!-- Occupation -->
<td width="276"><div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1200922464">
<div class="ss-q-title">Profissão </div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<input type="text" name="entry.1200922464" value="" class="ss-q-short" id="entry_1200922464" dir="auto">
</div>
</div>
</div></td>
</tr>
</table>
<!-- List of villages -->
<div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-select">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1991132698">
<div class="ss-q-title">Freguesia </div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<select name="entry.1991132698" id="entry_1991132698">
<option value=""></option>
<option value="ADAÚFE">ADAÚFE</option>
<option value="ARCOS">ARCOS</option>
<option value="ARENTIM">ARENTIM</option>
<option value="AVELEDA">AVELEDA</option>
<option value="CABREIROS">CABREIROS</option>
<option value="CELEIRÓS">CELEIRÓS</option>
<option value="CIVIDADE (BRAGA)">CIVIDADE (BRAGA)</option>
<option value="CRESPOS">CRESPOS</option>
<option value="CUNHA">CUNHA</option>
<option value="DUME">DUME</option>
<option value="ESCUDEIROS">ESCUDEIROS</option>
<option value="ESPINHO">ESPINHO</option>
<option value="ESPORÕES">ESPORÕES</option>
<option value="FERREIROS">FERREIROS</option>
<option value="FIGUEIREDO">FIGUEIREDO</option>
<option value="FRAIÃO">FRAIÃO</option>
<option value="FROSSOS">FROSSOS</option>
<option value="GONDIZALVES">GONDIZALVES</option>
<option value="GUALTAR">GUALTAR</option>
<option value="GUISANDE">GUISANDE</option>
<option value="LAMAÇÃES">LAMAÇÃES</option>
<option value="LAMAS">LAMAS</option>
<option value="LOMAR">LOMAR</option>
<option value="MAXIMINOS (BRAGA)">MAXIMINOS (BRAGA)</option>
<option value="MIRE DE TIBÃES">MIRE DE TIBÃES</option>
<option value="MORREIRA">MORREIRA</option>
<option value="NAVARRA">NAVARRA</option>
<option value="NOGUEIRA">NOGUEIRA</option>
<option value="NOGUEIRÓ">NOGUEIRÓ</option>
<option value="PADIM DA GRAÇA">PADIM DA GRAÇA</option>
<option value="PALMEIRA">PALMEIRA</option>
<option value="PANOIAS">PANOIAS</option>
<option value="PARADA DE TIBÃES">PARADA DE TIBÃES</option>
<option value="PEDRALVA">PEDRALVA</option>
<option value="POUSADA">POUSADA</option>
<option value="PRISCOS">PRISCOS</option>
<option value="REAL">REAL</option>
<option value="RUÃLHE">RUÃLHE</option>
<option value="SANTA LUCRÉCIA DE ALGERIZ">SANTA LUCRÉCIA DE ALGERIZ</option>
<option value="PENSO (SANTO ESTÊVÃO)">PENSO (SANTO ESTÊVÃO)</option>
<option value="SÃO JOÃO DO SOUTO">SÃO JOÃO DO SOUTO</option>
<option value="SÃO JOSÉ DE SÃO LÃZARO">SÃO JOSÉ DE SÃO LÃZARO</option>
<option value="PASSOS (SÃO JULIÃO)">PASSOS (SÃO JULIÃO)</option>
<option value="ESTE (SÃO MAMEDE)">ESTE (SÃO MAMEDE)</option>
<option value="MERELIM (SÃO PAIO)">MERELIM (SÃO PAIO)</option>
<option value="ESTE S. PEDRO">ESTE S. PEDRO</option>
<option value="MERELIM (SÃO PEDRO)">MERELIM (SÃO PEDRO)</option>
<option value="OLIVEIRA (SÃO PEDRO)">OLIVEIRA (SÃO PEDRO)</option>
<option value="SÃO VICENTE (BRAGA)">SÃO VICENTE (BRAGA)</option>
<option value="PENSO (SÃO VICENTE)">PENSO (SÃO VICENTE)</option>
<option value="SÃO VÃCTOR">SÃO VÃCTOR</option>
<option value="SÉ (BRAGA)">SÉ (BRAGA)</option>
<option value="SEMELHE">SEMELHE</option>
<option value="SEQUEIRA">SEQUEIRA</option>
<option value="SOBREPOSTA">SOBREPOSTA</option>
<option value="TADIM">TADIM</option>
<option value="TEBOSA">TEBOSA</option>
<option value="TENÕES">TENÕES</option>
<option value="TRANDEIRAS">TRANDEIRAS</option>
<option value="VILAÇA">VILAÇA</option>
<option value="VIMIEIRO (BRAGA)">VIMIEIRO (BRAGA)</option>
<option value="FRADELOS">FRADELOS</option>
</select>
</div>
</div>
</div>
<!-- Phone number, again inside a table, google did it -->
<table width="576" border="">
<tr>
<td width="284"><div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1049444434">
<div class="ss-q-title">Telemóvel<span class="ss-required-asterisk">*</span> </div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<input type="text" name="entry.1049444434" value="" class="ss-q-short" id="entry_1049444434" dir="auto">
</div>
</div>
</div>
</td>
<td width="276"><div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_850426325">
<div class="ss-q-title">E-mail<span class="ss-required-asterisk">*</span> </div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<input type="text" name="entry.850426325" value="" class="ss-q-short" id="entry_850426325" dir="auto">
</div>
</div>
</div>
</td>
</tr>
</table>
<!-- Street name -->
<div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-paragraph-text">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_980128966">
<div class="ss-q-title">Rua </div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<input type="text" name="entry.980128966" value="" class="ss-q-long" id="entry_980128966" dir="auto">
</div>
</div>
</div>
<!-- Postal Code -->
<table width="576" border="">
<tr>
<td width="284"><div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_583492688">
<div class="ss-q-title">Código Postal </div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<input type="text" name="entry.583492688" value="0000-000" class="ss-q-short" id="entry_583492688" dir="auto">
</div>
</div>
</div></td>
<!-- Town -->
<td width="276">
<div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-text">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1350503444">
<div class="ss-q-title">Localidade </div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<input type="text" name="entry.1350503444" value="" class="ss-q-short" id="entry_1350503444" dir="auto">
</div>
</div>
</div></td>
</tr>
<tr>
<td>
<!-- List of Areas people wish to contribute -->
<div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-checkbox">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1514575407">
<div class="ss-q-title">Ãreas em que gostaria de colaborar<span class="ss-required-asterisk">*</span> </div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<ul class="ss-choices">
<li class="ss-choice-item">
<label><span class="ss-choice-item-control goog-inline-block">
<input type="checkbox" name="entry.1644344826" value="Sede de Campanha" id="group_1644344826_1" class="ss-q-checkbox">
</span> <span class="ss-choice-label">Sede de Campanha</span> </label>
</li>
<li class="ss-choice-item">
<label><span class="ss-choice-item-control goog-inline-block">
<input type="checkbox" name="entry.1644344826" value="Divulgação de Informação" id="group_1644344826_2" class="ss-q-checkbox">
</span> <span class="ss-choice-label">Divulgação de Informação</span> </label>
</li>
<li class="ss-choice-item">
<label><span class="ss-choice-item-control goog-inline-block">
<input type="checkbox" name="entry.1644344826" value="Distribuição de Material de Campanha" id="group_1644344826_3" class="ss-q-checkbox">
</span> <span class="ss-choice-label">Distribuição de Material de Campanha</span> </label>
</li>
<li class="ss-choice-item">
<label><span class="ss-choice-item-control goog-inline-block">
<input type="checkbox" name="entry.1644344826" value="Apoio a Actividades e Grandes Eventos" id="group_1644344826_4" class="ss-q-checkbox">
</span> <span class="ss-choice-label">Apoio a Actividades e Grandes Eventos</span> </label>
</li>
<li class="ss-choice-item">
<label><span class="ss-choice-item-control goog-inline-block">
<input type="checkbox" name="entry.1644344826" value="Acompanhamento ao Candidato" id="group_1644344826_5" class="ss-q-checkbox">
</span> <span class="ss-choice-label">Acompanhamento ao Candidato</span> </label>
</li>
</ul>
</div>
</div>
</div></td>
<td>
<div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-checkbox">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_1514575407">
<div class="ss-q-title"></div>
</label>
<ul class="ss-choices">
<li class="ss-choice-item">
<label><span class="ss-choice-item-control goog-inline-block">
<input type="checkbox" name="entry.1644344826" value="Equipa Administritativa" id="group_1644344826_6" class="ss-q-checkbox">
</span> <span class="ss-choice-label">Equipa Administrativa</span> </label>
</li>
<li class="ss-choice-item">
<label><span class="ss-choice-item-control goog-inline-block">
<input type="checkbox" name="entry.1644344826" value="Comunicação Digital" id="group_1644344826_7" class="ss-q-checkbox">
</span> <span class="ss-choice-label">Comunicação Digital</span> </label>
</li>
<li class="ss-choice-item">
<label><span class="ss-choice-item-control goog-inline-block">
<input type="checkbox" name="entry.1644344826" value="Produção de Conteúdos" id="group_1644344826_8" class="ss-q-checkbox">
</span> <span class="ss-choice-label">Produção de Conteúdos</span> </label>
</li>
<li class="ss-choice-item">
<label><span class="ss-choice-item-control goog-inline-block">
<input type="checkbox" name="entry.1644344826" value="Acções de Freguesia" id="group_1644344826_9" class="ss-q-checkbox">
</span> <span class="ss-choice-label">Acções de Freguesia</span> </label>
</li>
</ul>
</div>
</div>
</div></td>
</tr>
</table>
<!-- Textarea to people fill in their available time -->
<div class="ss-form-question errorbox-good">
<div dir="ltr" class="ss-item ss-paragraph-text">
<div class="ss-form-entry">
<label class="ss-q-item-label" for="entry_227265938">
<div class="ss-q-title">Disponibilidade </div>
<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
</label>
<input type="text" name="entry.227265938" value="" class="ss-q-long" id="entry_227265938" dir="auto">
</div>
</div>
</div>
<!-- Box with terms to accept -->
<div id="caixa_termo">
<p><span class="notas">Declaro que aceito o tratamento dos dados facultados para efeitos da candidatura Juntos por Braga</span><span class="ss-required-asterisk">*</span>
<input type="checkbox" name="termo" value="Concordo" class="ss-q-checkbox" id="termo">
</p>
</div>
<!-- Some inputs by Google -->
<input type="hidden" name="draftResponse" value="[]">
<input type="hidden" name="pageHistory" value="0">
<!-- Submit button -->
<div class="ss-item ss-navigate">
<br>
<div class="ss-form-entry" dir="ltr">
<input type="submit" name="submit" value="Submeter" id="ss-submit"></button>
<div class="ss-secondary-text"></div>
</div>
</div>
</form>
<!-- Explaining the asterisk -->
<span class="ss-required-asterisk">*</span><span class="notas">Campos obrigatórios</span></div>
<div class="ss-footer"><div class="ss-attribution"></div></div></div>
<!-- loader pic, after validation -->
<div id="waitGoogle"><img src="./loader-siris.gif"></div>
<!-- dunno what's this for -->
<div id="ss-form-container3">
<!-- Page to show after validation -->
<div id="feedbackGoogle">
<table>
<tr>
<td><h3 class="titulo">Voluntários - Ricardo Rio</h3>
Caro(a) <span id="sentname">Utilizador,</span>
<blockquote>
<p class="titulo">Agradeço a sua inscrição! Entraremos brevemente em contacto! </p>
<p class="titulo">Juntos, somos mais fortes!</p>
<p class="titulo">Até breve!<br>
Ricardo Rio</p>
</blockquote>
<a href="http://www.ricardorio.com/voluntarios/2013/voluntarios/inscricao_voluntarios.html">
<INPUT TYPE="button" VALUE="Voltar">
</a>
</td>
</tr>
</table>
</div>
</div>
<div id="ss-form-container2" >
<img src="https://d19cgyi5s8w5eh.cloudfront.net/img/8dc9f2caee75a5d0a7c794f6369ddbe2044bce2a" alt="" width="100%" height="20" border="0" id="_x0000_i1027" / align="absmiddle">
</div>
<iframe id="resposta" name="resposta" src="about:blank"></iframe>
</body>
</html>
很抱歉，如果它太多了，但我可以访问JSFiddle：S 谢谢你的关注！