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;">標題:</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;">標題:</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實現(xiàn)異形滾動輪播，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要介紹了js簡單實現(xiàn)豎向tab選項卡的方法,涉及javascript實現(xiàn)tab切換效果的相關(guān)技巧,非常簡單實用,需要的朋友可以參考下2015-05-05
ReactHooks+ts(函數(shù)組件)實現(xiàn)原生輪播的示例
這篇文章主要介紹了ReactHooks+ts函數(shù)組件實現(xiàn)原生輪播，在這里下載依賴第一個是js依賴第二個是ts依賴，通過實例代碼介紹了創(chuàng)建tsx文件的方法,需要的朋友可以參考下2022-05-05
人民幣數(shù)字轉(zhuǎn)換成大寫形式...2006-12-12
使用JS和canvas實現(xiàn)gif動圖的停止和播放代碼
這篇文章主要介紹了使用JS和canvas實現(xiàn)gif動圖的停止和播放代碼，非常具有實用價值，需要的朋友可以參考下2017-09-09
JS實現(xiàn)駝峰字符串轉(zhuǎn)下劃線字符串的三種方法
這篇文章主要介紹了js下劃線和駝峰互相轉(zhuǎn)換的實現(xiàn),文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2023-11-11
淺談JavaScript的innerWidth與innerHeight
下面小編就為大家?guī)硪黄獪\談JavaScript的innerWidth與innerHeight。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
Bootstrap模態(tài)框（Modal）實現(xiàn)過渡效果
這篇文章主要為大家詳細介紹了Bootstrap模態(tài)框（Modal）實現(xiàn)過渡效果的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
今天小編就為大家分享一篇js正則表達式校驗指定字符串的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-07-07
javascript 顯示全局變量與隱式全局變量的區(qū)別
這篇文章主要介紹了javascript 顯示全局變量與隱式全局變量的區(qū)別,需要的朋友可以參考下2017-02-02