form表單action提交的js部分與html部分
更新時間：2014年01月07日 15:45:37 作者：
大家對form表單的action提交有些了解吧，下面為大家介紹下實現(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();//檢查輸入項是否為空
} ,
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();//檢查輸入項是否為空
} ,
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)文章
這篇文章通過簡單的實例演示了javascript中checkbox使用方法，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家詳細(xì)介紹了完美的js圖片輪換效果，包括左右移動和緩動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
JS實現(xiàn)導(dǎo)出Excel的五種方法詳解【附源碼下載】
這篇文章主要介紹了JS實現(xiàn)導(dǎo)出Excel的五種方法,結(jié)合實例形式較為詳細(xì)的分析了基于table表格導(dǎo)出Excel文件的相關(guān)操作技巧,并附源碼供讀者下載參考,需要的朋友可以參考下2018-03-03
javascript(js) join函數(shù)使用方法介紹
javascript(js) join函數(shù)使用方法介紹...2007-11-11
一文帶你快速理解JavaScript中call()函數(shù)的使用
這篇文章主要為大家詳細(xì)介紹了JavaScript中call()函數(shù)的使用的相關(guān)知識，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價值，需要的可以參考一下2023-03-03
javascript正則表達(dá)配置擴展名并實現(xiàn)驗證
這篇文章主要介紹了javascript正則表達(dá)配置擴展名并實現(xiàn)驗證，文章圍繞主題展開相關(guān)資料，具有以得參考價值，需要的小伙伴可以參考一下2022-02-02
最近一直在學(xué)習(xí)uni-app開發(fā)，由于uniapp是基于vue.js技術(shù)開發(fā)的,所以下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序自定義導(dǎo)航欄的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
今天學(xué)習(xí)Javascript函數(shù)，發(fā)現(xiàn)這完全是一個神奇的東西。跟我們平常所見強類型語言中的函數(shù)有好多不同。下面我們就從C#和JavaScript的兩個計算階乘的函數(shù)中比較兩者的異同2012-05-05
這篇文章主要介紹了微信小程序左滑刪除實現(xiàn)代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了何時使用Map來代替普通的JS對象，對Map感興趣的同學(xué)，可以參考下2021-04-04