JavaScript简单提交不起作用

JavaScript simple submit isn't working

本文关键字：不起作用 提交 简单 JavaScript      更新时间：2023-09-26

嘿，伙计们，我有一些javascript的问题，我想知道你是否可以帮助我?

这是我的 HTML 代码 
<div class="Answer1"> 
    <form name="form">
        Enter your answer here :
        <input type="text" size="10" name="answerswer" value="">
        <input type="button" value="Check"  onclick="result();">
</form>
</div>
<!--2st sum -->
<div class="Answer2">
    <form name="form">
        Enter your answer here : 
        <input type="text" size="10" name="answerswer" value="">
        <input type="button" value="Check"  onclick="result2();">
    </form>
</div>

这是我的 javascript 

function result() {
    var  score = (document.form.answer.value);
    if(score == 8) {
        document.location.href="CorrectAdditionAnswer.html"
} else {
        document.location.href="IncorrectAddition.html"
    }
}
function result2() {
    var  score = (document.form.answer.value);
    if(score == 8) {
        document.location.href="CorrectAdditionAnswer2.html"
    } else {
        document.location.href="IncorrectAddition.html"
    }
}

如果我注释掉其中一个，它工作得很好，但如果它没有注释，它不工作:(我不明白我做错了什么:(

您有两个form具有相同的name属性值，两个input具有相同的name属性值。

js 

     function result()
{
    var  score =document.getElementsByName('answer1')[0].value;
    if(score == 8)
    {
      document.getElementsByName('form1')[0].action = "http://www.wordpress.com";
      document.getElementsByName('form1')[0].submit();
    }
    else
    {   
      document.getElementsByName('form1')[0].action = "http://www.bing.com";
      document.getElementsByName('form2')[0].submit();
    }
}
function result2()
{
    var  score = document.getElementsByName('answer2')[0].value;
    if(score == 8)
    {
        document.getElementsByName('form2')[0].action = "http://www.wordpress.com";
      document.getElementsByName('form2')[0].submit();
    }
    else
    {
        document.getElementsByName('form2')[0].action = "http://www.bing.com";
      document.getElementsByName('form2')[0].submit();
    }
}
html 

<div>  
<form name="form1">
        Enter your answer here :
        <input type="text" size="10" name="answerswer1" value="">
        <input type="button" value="Check"  onclick=" result();">
        </form>
</div>
<!--2st sum -->
<div class="Answer2">
        <form name="form2">
        Enter your answer here : 
        <input type="text" size="10" name="answerswer2" value="">
        <input type="button" value="Check"  onclick="  result2();">
        </form>
</div>

要为多个元素设置相同的id，请将javascript放入'gridlock'中。用一个唯一的id名称来标识你的元素通常会更快，更容易让DOM/Javascript/jQuery更快地找到节点/元素。

如果所有的元素都在一个页面中，这种格式是合适的方法。

 <form name="form1">
    Enter your answer here :
    <input type="text" size="10" id="answerswer1" name="answerswer1" value="">
    <input type="button" value="Check" onclick="result1();">
    </form>
</div>
<!--2st sum -->
<div class="Answer2">
    <form name="form2">
    Enter your answer here : 
    <input type="text" size="10" id="answerswer2" name="answerswer2" value="">
    <input type="button" value="Check"  onclick="result2();">
    </form>

相关文章：