Question

我用JS（超级简单的订单）创建了一个简单的购物车总计算器，但是我无法在实时浏览器中使用JS代码，但它可以在我的编辑器中使用（Coda 2）。代码是：

function CalcTotal()
{

var quantity = eval(document.bookorderform.bookqty.value);
if (quantity == undefined) {quantity = 0}
var orderTotal = eval(quantity * 14.99) + (3.99);
document.bookorderform.total.value=orderTotal;

}

测试的实时环境是： http://leapingbutterfly.org/bookorder.php

*我还没有完成样式或php代码，但这不应该干扰js代码。

我进行了双重检查以确保代码与我的开发环境中的代码相同，同样我的表单变量也会计算各自的js变量。我唯一能想到的是，如果我没有正确地调用文档，但我之前已经调用了这样的文档而没有任何问题。任何帮助是极大的赞赏！

Answer 1

您的input元素的属性无效：

<td>$<input form="bookorderform" type="text" name="total" id="total" size="5" /></td>

如果删除form="bookorderform"，它应该可以正常工作。

此外，您不应该像这样在代码中使用eval。只需使用parseInt：

function CalcTotal() {
    var quantity = parseInt(document.bookorderform.bookqty.value, 10);

    if (isNaN(quantity)) {
        quantity = 0;
    }

    var orderTotal = quantity * 14.99 + 3.99;
    document.bookorderform.total.value = orderTotal.toFixed(2);
}

js代码在编辑器中工作但不在实时站点上工作

1 个答案: