[英]Detect difference of form submit via submit button or javascript submit function in PHP
[英]submit a php form and a javascript function with 1 button
我是网络开发的新手,目前我正在 php 中进行测验,我想在 javascript 中添加一个计时器,以根据快速响应给出分数。 但是现在当我发送计时器的剩余时间时,我无法提交带有答案的php表单,我尝试使用“文档。表单。测验。值”但是这样即使没有选择答案,他们也会接受总是正确的。 这是我目前的脚本:
<html>
<head>
<script type="text/javascript">
function inviare() {
var resto = secondi_totali;
window.location = "risultato.php?res=" + secondi_totali;
}
</head>
<body>
<?php
<form method='post' action='javascript:inviare()' name='quiz'id='1'>
<ol>
<li>
<h3>Cosa e java ?</h3>
<div>
<input type='radio' name='risposta3' value'c'/>
<label for='risposta3'>c) una cavolata </label>
</div>
<div>
<input type='radio' name='risposta1' id='risposta1' value='a'/>
<label for='risposta1'>a) un cafe </label>
</div>
<div>
<input type='radio' name='risposta2' value='b'/>
<label for='risposta2'>b) un linguaggio </label>
</div>
<input type='submit' name='invia'/>
</li>
</ol>
?>
</body>
</html>
我也尝试过 onSubmit 但它不起作用。 我可以做些什么来同时发送答案和剩余时间吗?
您的代码有很多问题,但只是回答为什么不提交:使用 window.location 将导航您的页面,而不是提交表单。 你必须使用这样的东西
http://www.w3schools.com/jsref/met_form_submit.asp
通过一些修复,您的代码将如下所示并发布到您的 risultato.php,您可以在其中使用您的 PHP 代码实际记录数据。 你不需要任何 PHP 这个表单
<html>
<head>
<script type="text/javascript">
var startDate = new Date();
function inviare() {
var diff = (new Date().getTime() - startDate.getTime()) / 1000;
document.getElementById("lapsedtime").value = diff;
document.getElementById("1").submit();
}
</script>
</head>
<body>
<form method='post' action='risultato.php' name='quiz' id='1'>
<ol>
<li>
<h3>Cosa e java ?</h3>
<div>
<input type='radio' name='risposta3' value='c'/>
<label for='risposta3'>c) una cavolata </label>
</div>
<div>
<input type='radio' name='risposta1' id='risposta1' value='a'/>
<label for='risposta1'>a) un cafe </label>
</div>
<div>
<input type='radio' name='risposta2' value='b'/>
<label for='risposta2'>b) un linguaggio </label>
</div>
<input type="hidden" name="lapsedtime" id="lapsedtime" />
<input type='button' name='invia' value="submit" onclick="javascript:inviare()"/>
</li>
</ol>
</form>
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.