未使用HTML格式的onsubmit調用Javascript函數

Question

我有一個非常簡單的HTML文件，帶有一個javascript中的驗證功能，在提交表單時，我試圖使其執行。 但是，由於沒有執行控制台日志語句，因此無法使is_checked（）函數作為證據運行。 我正在使用Eclipse和Apache TomCat 7服務器，該服務器可以正確執行所有jsp，servlet和html代碼，但沒有執行javascript。

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Example</title>
<script type="text/javascript">
function is_checked() { 
    console.log("is_checked() was called");
    var taskChecked = document.getElementByID('task').checked;
    var projectChecked = document.getElementByID('project').checked;
    var autoChecked = document.getElementByID('auto').checked;
    var manualChecked = document.getElementByID('manual').checked;

    console.log("taskChecked " + taskChecked);
    console.log("projectChecked " + projectChecked);
    console.log("manualChecked " + manualChecked);
    console.log("autoChecked " + autoChecked);


    if((taskChecked === "true" || projectChecked === "true") 
     && (autoChecked === "true" || manualChecked === "true")) {
        return true;
    } else {
        alert('Must select task or project and either auto or manual!');
        return false;
    }
}
</script>
</head>
<body>
<form action="#" onsubmit="return is_checked()" method="post">
<table>
    <tr>
      <td>Process Level: </td>
      <td>
       <input type="radio" name="process" value="task" id="task">Task
      </td>
      <td>
         <input type="radio" name="process" value="project"
          id="project">Project
    </td>
    </tr>
    <tr>
        <td>Method Type: </td>
        <td>
         <input type="radio" name="method" value="auto" id="auto">Auto
       </td>
        <td>
         <input type="radio" name="method" value="manual" 
             id="manual">Manual
      </td>
    </tr>
    <tr>
        <td colspan="2">
            <textarea name="ids" rows="15" cols="10"></textarea>
        </td>
    </tr>
    <tr>
        <td>
         <input type="submit" value="Submit">
       </td>
    </tr>
</table>
</form> 
</body>
</html>

Answer 1

您有一個錯字： document.getElementByID應該替換為document.getElementById

順便說一句，您兩次調用該函數，您可以在提交輸入中刪除onClick

未使用HTML格式的onsubmit調用Javascript函數

問題描述

1 個解決方案

解決方案1
0 2015-03-17 17:15:16

未使用HTML格式的onsubmit調用Javascript函數

問題描述

1 個解決方案

解決方案1 0 2015-03-17 17:15:16

解決方案1
0 2015-03-17 17:15:16