我有一个带有链接到javascript函数的提交按钮的表单，但是当我单击提交按钮时没有任何反应

Question

我正在尝试制作一个表单，当我单击“提交”按钮时，该表单会将信息从表单字段发送到javascript函数，然后将结果显示给用户。 在此之前，我已经做了类似的事情并且工作正常，但是由于某些原因，当我单击提交时，它什么也没做。 我肯定错过了什么。 这是代码：

<!doctype html>
<html>
<head>
    <meta charset="UTF-8" >
    <title>Javascript Form</title>
</head>

<body>

<form id="formID" name="myform" action="" method="get">

    Customer Name:
    <input type="text" name="names" value="">
    <br/>

    Street Address:
    <input type="text" name="street" value="">
    <br/>

    City:
    <input type="text" name="city" value="">
    <br/>

    State:
    <input type="text" name="state" value="">
    <br/>

    Zip Code:
    <input type="text" name="zip" value="">
    <br/>

    Beginning Odometer Reading:
    <input type="text" name="beginO" value="">
    <br/>

    Ending Odometer Reading:
    <input type="text" name="edinO" value="">
    <br/>

    Number of Days Car was Used:
    <input type="text" name="days" value="">
    <br/>

    <input type="button" name="button" value="Submit" onClick="car(this.form)">
</form>

<script type="text/javascript">
    function car(form) {
        var names = form.names.value;
        var street = form.street.value;
        var city = form.city.value;
        var state = form.state.value;
        var zip = form.zip.value;
        var beginO = form.beginO.value;
        var endO = form.endO.value;
        var days = form.days.value;

        var miles = endO - beginO;
        var charge = days * 15 + miles * 0.12;

        alert("Miles driven: " + miles + ". Charge: " + charge + ". Name: " + names + ". Address : " + street + " , " + city + " " + state + " " + zip + ". ");
    }
</script>
</body>
</html>

Answer 1

这是因为您在此行遇到JavaScript错误：

var endO = form.endO.value;

您的表单元素名称中有一个错字：

<input type="text" name="edinO" value="">

form.endO是未定义的，因此获取value会引发错误。

我有一个带有链接到javascript函数的提交按钮的表单，但是当我单击提交按钮时没有任何反应

问题描述

1 个解决方案

解决方案1
3 已采纳 2016-06-18 00:07:03

我有一个带有链接到javascript函数的提交按钮的表单，但是当我单击提交按钮时没有任何反应

问题描述

1 个解决方案

解决方案1 3 已采纳 2016-06-18 00:07:03

解决方案1
3 已采纳 2016-06-18 00:07:03