form表單action提交的js部分與html部分
更新時(shí)間：2014年01月07日 15:45:37 作者：
大家對form表單的action提交有些了解吧，下面為大家介紹下實(shí)現(xiàn)的js部分與html部分，感興趣的朋友可以參考下
1、JS部分代碼
/**
* 提交表單
*/
function submitForm(action, actName, objName, formName,blogType){
$("#"+formName).attr("action",action);
//var f = document.getElementsByTagName("form")[0];
//alert(f.action);
$("#"+formName).form({
onSubmit:function(){
checkInput();//檢查輸入項(xiàng)是否為空
} ,
success:function(data){
if (data == "success"){
$.messager.alert('提示','<br>日志發(fā)表成功!','info');
}else{
$.messager.alert('提示','<br>日志發(fā)表失敗!','warning');
}
}
});
}
/**
* 發(fā)表日志
*/
function publishBlog() {
submitForm("http://localhost:8090/webplus3/_web/sns/createBlog.do?_p=YXM9Mw__","發(fā)表","日志","fm1","publish");
}
2、html部分
<form style="padding: 10px 8px;" method="post" action="" id="fm1" name="fm1">
<div style="margin-bottom: 10px;">
<span style="padding-right: 10px;">標(biāo)題:</span>
<input type="text" id="title" name="blog.title" class="int_txt" maxlength="30">
</div>
<div style="margin-bottom: 10px;">
<span style="padding-right: 10px;">內(nèi)容:</span>
<input type="text" id="content" name="blog.content" class="int_txt" maxlength="3000">
</div>
<button class="btnstyle-strong btn-submit btn-submit-2" type="submit" title="發(fā)表日志(ctrl+enter)" id="saveBlogButton" onclick="publishBlog()">
<span>發(fā) 表</span>
</button>
</form>
復(fù)制代碼 代碼如下:
/**
* 提交表單
*/
function submitForm(action, actName, objName, formName,blogType){
$("#"+formName).attr("action",action);
//var f = document.getElementsByTagName("form")[0];
//alert(f.action);
$("#"+formName).form({
onSubmit:function(){
checkInput();//檢查輸入項(xiàng)是否為空
} ,
success:function(data){
if (data == "success"){
$.messager.alert('提示','<br>日志發(fā)表成功!','info');
}else{
$.messager.alert('提示','<br>日志發(fā)表失敗!','warning');
}
}
});
}
/**
* 發(fā)表日志
*/
function publishBlog() {
submitForm("http://localhost:8090/webplus3/_web/sns/createBlog.do?_p=YXM9Mw__","發(fā)表","日志","fm1","publish");
}
2、html部分
復(fù)制代碼 代碼如下:
<form style="padding: 10px 8px;" method="post" action="" id="fm1" name="fm1">
<div style="margin-bottom: 10px;">
<span style="padding-right: 10px;">標(biāo)題:</span>
<input type="text" id="title" name="blog.title" class="int_txt" maxlength="30">
</div>
<div style="margin-bottom: 10px;">
<span style="padding-right: 10px;">內(nèi)容:</span>
<input type="text" id="content" name="blog.content" class="int_txt" maxlength="3000">
</div>
<button class="btnstyle-strong btn-submit btn-submit-2" type="submit" title="發(fā)表日志(ctrl+enter)" id="saveBlogButton" onclick="publishBlog()">
<span>發(fā) 表</span>
</button>
</form>
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)異形滾動輪播，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
js簡單實(shí)現(xiàn)豎向tab選項(xiàng)卡的方法
這篇文章主要介紹了js簡單實(shí)現(xiàn)豎向tab選項(xiàng)卡的方法,涉及javascript實(shí)現(xiàn)tab切換效果的相關(guān)技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-05-05
ReactHooks+ts(函數(shù)組件)實(shí)現(xiàn)原生輪播的示例
這篇文章主要介紹了ReactHooks+ts函數(shù)組件實(shí)現(xiàn)原生輪播，在這里下載依賴第一個(gè)是js依賴第二個(gè)是ts依賴，通過實(shí)例代碼介紹了創(chuàng)建tsx文件的方法,需要的朋友可以參考下2022-05-05
人民幣數(shù)字轉(zhuǎn)換成大寫形式...2006-12-12
使用JS和canvas實(shí)現(xiàn)gif動圖的停止和播放代碼
這篇文章主要介紹了使用JS和canvas實(shí)現(xiàn)gif動圖的停止和播放代碼，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-09-09
JS實(shí)現(xiàn)駝峰字符串轉(zhuǎn)下劃線字符串的三種方法
這篇文章主要介紹了js下劃線和駝峰互相轉(zhuǎn)換的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2023-11-11
淺談JavaScript的innerWidth與innerHeight
下面小編就為大家?guī)硪黄獪\談JavaScript的innerWidth與innerHeight。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
Bootstrap模態(tài)框（Modal）實(shí)現(xiàn)過渡效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap模態(tài)框（Modal）實(shí)現(xiàn)過渡效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
今天小編就為大家分享一篇js正則表達(dá)式校驗(yàn)指定字符串的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-07-07
javascript 顯示全局變量與隱式全局變量的區(qū)別
這篇文章主要介紹了javascript 顯示全局變量與隱式全局變量的區(qū)別,需要的朋友可以參考下2017-02-02