在表單的實際使用中，我們需要對用戶提交的信息做出簡單的判斷，并將一些輸入選項限制在所需的項上，錯新技術頻道小編準備了js判斷所有表單項不為空則提交表單的實現方法，下面一起看看吧！
demo1.html
<html> <head> <title>提交表單頁</title> <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> </head> <body> <form name="form1" method="post" action="page2.html" onSubmit="return myCheck()"> 用戶名:<input type="text" name="username"><br> 性別:<input type="text" name="sex"><br> 出生時間:<input type="text" name="birthday"><br> <input type="submit" value="提交"> </form> </body></html>demo2.html<script language="Javascript"><!--function submit1(frm){ if (document.frm.word.value=="") { alert("請輸入搜索新聞內容！");document.frm.word.focus();return false;}return true;} //--></script><form method="POST" action="" name="frm" onsubmit="return submit1(this);"><select name="select0"> <option value="0">請選擇一個類別</option><option value="1">新聞</option><option value="2">產品</option><option value="3">留言</option></select><input type="text" name="word" size="20" class="input" style="height:19px; "><input type="radio" name="sea_cat" value="標題">標題 <input type="radio" name="sea_cat" value="內容">內容<input type="submit" value="搜" name="B1" class="input1" >demo3.html
<script type="text/javascript">function beforeSubmit(form){if(form.username.value==''){alert('用戶名不能為空！');form.username.focus();return false;}if(form.password.value==''){alert('密碼不能為空！');form.password.focus();return false;}if(form.password.value.length<6){alert('密碼至少為6位，請重新輸入！');form.password.focus();return false;}if(form.password.value!=form.password2.value) {alert('你兩次輸入的密碼不一致，請重新輸入！');form.password2.focus();return false;}return true;}</script><fieldset> <legend>用戶注冊</legend> <form method="post" name="form" action="user.do?method=register" onSubmit="return beforeSubmit(this);"> <table border="1" width="100%" cellspacing="0" cellpadding="0"> <tr><td><label>用戶名：<input type="text" name="username" value=""></label></td></tr> <tr><td><label>密 碼：<input type="password" name="password" value=""></label></td></tr> <tr><td><label>重復密碼：<input type="password" name="password2" value=""></label></td></tr> <tr><td><input value="注冊" type="submit"> <input type="reset" value="重置"></td></tr> </table> </form></fieldset>以上就是js判斷所有表單項不為空則提交表單的實現方法，要想學習的好，錯新技術頻道還為大家整合了更多專業知識，趕緊來看看吧！
新聞熱點
疑難解答
圖片精選
