我有一個帶有鏈接到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