JS提交form表單實(shí)例分析

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

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

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

一、javascript 頁面加裁時(shí)自動(dòng)提交表單：

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提交表單時(shí)最好form里的元素不要用id="submit"或name="submit",例如:
<input type="button" name="submit" />或<input type="button" id="submit" /> 這樣JS可能不兼容各種瀏覽器，會(huì)導(dǎo)致JS報(bào)錯(cuò)。

二、超鏈接提交表單

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其實(shí)真的很方便的去干某些事情！

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

您可能感興趣的文章:

相關(guān)文章

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