跟大家講解下有關提交表單：js中form表單是如何提交的，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說提交表單：js中form表單是如何提交的，小編也收集到了有關提交表單：js中form表單是如何提交的的相關資料，希望大家看到了會喜歡。

js中form表單提交的方式有三種，一種是利用submit按鈕實現提交，觸發onclick事件，一種是利用button按鈕實現提交，還有一種也是利用submit按鈕實現提交，不過是先觸發onsubmit事件。

js提交form表單的代碼實現：

一、利用submit按鈕實現提交，當點擊submit按鈕時，觸發onclick事件，由JavaScript里函數判斷輸入內容是否為空，如果為空，返回false, 不提交，如果不為空，提交到由action指定的地址。

<script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("請輸入用戶帳號!"); form.userId.focus(); return false; } if(form.password.value==''){ alert("請輸入登錄密碼!"); form.password.focus(); return false; } return true; }</script><form action="login.do?act=login" method="post"> 用戶帳號<input type=text name="userId" size="18" value="" ><br> 登錄密碼<input type="password" name="password" size="19" value=""/> <input type=submit name="submit1" value="登陸" onclick="return check(this.form)"> </form>

二、利用button按鈕實現提交，當點擊button按鈕時，觸發onclick事件，由JavaScript里函數判斷輸入內容是否為空，如果為空，返回false, 不提交，如果不為空，提交到由action指定的地址，由于button按鈕不具備自動提交的功能，所以由js直接實現form提交。

<script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("請輸入用戶帳號!"); form.userId.focus(); return false; } if(form.password.value==''){ alert("請輸入登錄密碼!"); form.password.focus(); return false; } document.myform.submit(); } </script><form action="login.do?act=login" name="myform" method="post"> 用戶帳號<input type=text name="userId" size="18" value="" ><br> 登錄密碼<input type="password" name="password" size="19" value=""/> <input type=button name="submit1" value="登陸" onclick="check(this.form)"> </form>

三、利用submit按鈕實現提交，當點擊submit按鈕時，先觸發onsubmit事件，由JavaScript里函數判斷輸入內容是否為空，如果為空，返回false, 不提交，如果不為空，提交到由action指定的地址。

<script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("請輸入用戶帳號!"); form.userId.focus(); return false; } if(form.password.value==''){ alert("請輸入登錄密碼!"); form.password.focus(); return false; } return true; }</script><form action="login.do?act=login" method="post" onsubmit="return check(this)"> 用戶帳號<input type=text name="userId" size="18" value="" ><br> 登錄密碼<input type="password" name="password" size="19" value=""/> <input type=submit name="submit1" value="登陸"> </form>

相關推薦：

js表單提交和submit提交的區別

使用js提交表單form

以上就是提交表單：js中form表單是如何提交的的詳細內容，更多請關注php中文網其它相關文章！

來源：php中文網