Heim > Artikel > Web-Frontend > 分享一个验证表单是否为空的javascript通用方法
实例代码如下:
<code class="language-html"> <script type="text/javascript"> function checkForm(form) { for (var i = 0; i < form.elements.length; i++) { if (form.elements[i].type == "text" && form.elements[i].value == "") { document.write("Fill out ALL fields."); return false; } } return true; } </script> <form onsubmit="return checkForm(this)"> Please enter all requested information:<br> First Name:<input type="text" name="firstName"><br> Last Name:<input type="text" name="lastName"><br> Rank:<input type="text" name="rank"><br> Serial Number:<input type="text" name="serialNumber"><br> <input type="submit"> </form> </code>
本实例采用遍历的方法来获取表单元素,并判断元素是否为空。如果其中有一个为空,则return false,表单验证失败。
你可以把代码复制到这个页面运行一下。