快捷導(dǎo)航

JS提交form表單實例分析

更新時間：2015年12月10日 11:02:51 作者：寧彥棟

這篇文章主要介紹了JS提交form表單的方法,結(jié)合實例形式簡單分析了頁面加載時提交表單及通過鏈接提交表單的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JS提交form表單。分享給大家供大家參考，具體如下：

一、javascript 頁面加裁時自動提交表單：

Form表單：

<form method="post" id="myform" action="a.php">
<input type="submit" value="提交表單">
</form>

javascript 代碼：

<script type="text/javascript">
function validate(){
 document.getElementByIdx_x('myform').submit();
}
window.load=validate();
</script>

注：用Javascript提交表單時最好form里的元素不要用id="submit"或name="submit",例如:
<input type="button" name="submit" />或<input type="button" id="submit" /> 這樣JS可能不兼容各種瀏覽器，會導(dǎo)致JS報錯。

二、超鏈接提交表單

Form表單：

<form method="post" id="myform" action="a.php">
<input type="test" value="name"/>
</form>
<a href="javascript:validate()">提交</a>

javascript 代碼：

<script type="text/javascript">
function validate(){
 document.getElementByIdx_x('myform').submit();
}
</script>

用javascript其實真的很方便的去干某些事情！

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

layui表格列自動適應(yīng)大小失效的解決方法
今天小編就為大家分享一篇layui表格列自動適應(yīng)大小失效的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
一文搞懂Map與Set的用法和區(qū)別解析
這篇文章主要介紹了一文搞懂Map與Set的用法和區(qū)別,文章開頭給大家介紹了map和set的基本概念，了解這些基礎(chǔ)知識能夠幫助我們更好的使用，需要的朋友可以參考下
2022-06-06
JavaScript解決Joseph問題
JavaScript解決Joseph問題...
2007-02-02
分享一道筆試題[有n個直線最多可以把一個平面分成多少個部分]
今天地鐵上和一個同事閑聊,給我說的一道題,回來想了想,寫出來的,說來慚愧,我用的是行測方面數(shù)字推理里面的知識歸納出來的,當(dāng)然這個可以用遞歸寫出來,說說我的代碼,以及遞歸的思路
2012-10-10
Input文本框隨著輸入內(nèi)容多少自動延伸的實現(xiàn)
下面小編就為大家?guī)硪黄狪nput文本框隨著輸入內(nèi)容多少自動延伸的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
JS動態(tài)調(diào)用方法名示例介紹
在JS中如何動態(tài)調(diào)用方法名，想必很多的朋友們都不會吧，下面為大家舉例介紹下具體的調(diào)用方法
2013-12-12
JavaScript手寫實現(xiàn)一個簡單的快捷鍵庫
前端開發(fā)中,有時項目會遇到一些快捷鍵需求,比如綁定快捷鍵,展示快捷鍵,編輯快捷鍵等需求,所以本文就來用JavaScript手寫一個簡單的快捷鍵庫吧
2024-02-02
基于JavaScript實現(xiàn)自動更新倒計時效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)自動更新倒計時效果，元旦倒計時代碼分享，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
淺談JavaScript中的parseInt()的妙用
本文主要介紹了JavaScript中的parseInt()的妙用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-07-07
簡單談?wù)刯avascript代碼復(fù)用模式
這篇文章主要簡單談?wù)刯avascript代碼復(fù)用模式，主要詳細(xì)介紹了類式繼承模式中的默認(rèn)模式，希望大家能夠喜歡。
2015-01-01