提交表单问题：TypeError：this.form为空

Question

我有一个php页面，显示表中给定网站的所有服务日志。

在表的最后，我有一个新的行，它有一个“添加新的服务日志”按钮。

单击该按钮可隐藏该行并显示带有表单和所需输入的新行，以及带有“保存”和“取消”按钮的新行。

“保存”按钮调用一个Javascript函数，该函数检查键输入是否已被填写。当击中 “保存”，我在控制台日志

TypeError: this.form is null

这里看到的是我的代码：

// SQL Query 
// Table data of queried results 

// Add a new service log 
echo "<tr id='AddNew'> 
     <td><input type=button value='Add New' onclick=\"$('#AddNew').hide();$('#AddNewHid').show();$('#SaveCancel').show();\"></td> 
     <td colspan=12> &nbsp </td></tr> 
     <form name='AddNewLog' method='POST' action='servicelook.php' id='AddNewService'> 
     <tr style='display: none;' id='AddNewHid'> 
     <td><input type='text' value='$lastID' name='ticketid' size=10></td> 
     <td><input type='text' value='$siteID' name='SiteID' size=4></td> 
     <td><input type='text' value='$siteName' name='SiteName' size=20></td> 
     <td><input type='text' value='$userid' name='takenBy' size=4></td> 
     <td><input type='text' value='$now' name='callTime' size=20></td> 
     <td><input type='text' value='' name='caller' size=20></td> 
     <td><input type='text' value='' name='callPhone' size=14></td> 
     <td><textarea name='issue' value = '' rows=3 cols=10></textarea></td> 
     <td><textarea name='fix' value = '' rows=3 cols=10></textarea></td> 
     <td><input type='text' value='$userid' name='solvedBy' size=4></td> 
     <td><input type='text' value='$now' name='solvedTime' size=20></td> 
     <td style='min-width:100px;max-width:100px;'><input type='checkbox' name='fup' value='fup'>Follow Up</td></tr> 
     <input type='hidden' value='Yes' name='AddNew'> 
     <input type='hidden' value='$userid' name='userid'> 
     <input type='hidden' value='$session' name='session'> 
     <input type='hidden' value='$siteid' name='siteid'> 
     <tr style='display: none;' id='SaveCancel'> 
     <td colspan=2> 
     <input name='save' type='button' onclick='inputCheck(this.form.issue);' value='Save'> &nbsp 
     <input type='button' value='Cancel' onclick=\"$('#AddNew').show();$('#AddNewHid').hide();$('#SaveCancel').hide();\"></td> 
     <td colspan=11> &nbsp </td> 
     </tr></form>"; 
echo "</table>"; 

我inputCheck功能如下：

<script type="text/javascript"> 
function inputCheck(areaName) 
{ 
console.log("checking..."); 
if (areaName.value.length > 0) 
{ 
    $('form#AddNewService').submit(); 
} 
else 
{ 
    alert("You didn't describe the problem!"); 
} 
} // end noteCheck function 
</script> 

我试图改变提交按钮到此：

<input type=submit value=Save> 

但没有任何反应，页面或日志中没有任何内容。

任何人有任何想法，我在做什么错了或什么问题在这里？

在此先感谢！

编辑：

使用史蒂芬的意见后，我能成功提交表单。 但是，输入未正确发送。我正在提交到同一页面，以便重新加载表格，并且用户可以看到他们的最新条目。在脚本的开头我有这个：

if($AddNew == 'Yes') 
{ 
    echo "YES...Adding New"; 
    echo $ticketid .$SiteID. $SiteName. $takenBy. $callTime. $caller. $callPhone. $issue. $fix. $solvedBy. $solvedTime; 

      // Start SQL Query 
     } 

输入返回null。我设置输入的方式有什么问题吗？