程序演示如下：

這里對應的ID卡號是沒有填寫的！

如果按下添加按鈕

這里對應的JavaScript源碼如下：

<script type="text/javascript">function myCheck(){for(var i=0;i<document.form1.elements.length-1;i++){if(document.form1.elements[i].value==""){alert("當前表單不能有空項");document.form1.elements[i].focus();return false;}}return true;} </script>

這里使用html的doc屬性，得到表單，然后遍歷表單里面每一個屬性是不是為空，如果為空！

就聚焦上去，然后返回

這里對應的form表單如下：

<form th:action="@{/student}" name="form1" method="post" onsubmit="return myCheck()"><input type="hidden" name="_method" value="put" th:if="${student!=null}"/><input type="hidden" name="id" th:if="${student!=null}" th:value="${student.studentID}">

?

總結

以上是生活随笔為你收集整理的前端笔记-使用JavaScript防止空表单提交的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。