form表单action提交的js部分与html部分

相信大家对form表单的action提交多多少少有些了解，下面为大家介绍下实现的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>日志发表成功!','info'); 

}else{ 

$.messager.alert('提示','<br>日志发表失败!','warning'); 

} 

} 

}); 

} 

/** 

* 发表日志 

*/ 

function publishBlog() { 

submitForm("http://localhost:8090/webplus3/_web/sns/createBlog.do?_p=YXM9Mw__","发表","日志","fm1","publish"); 

} 

2、html部分 

复制代码 代码如下:

<form style="padding: 10px 8px;" method="post" action="" id="fm1" name="fm1"> 

<p style="margin-bottom: 10px;"> 

<span style="padding-right: 10px;">标题:</span> 

<input type="text" id="title" name="blog.title" class="int_txt" maxlength="30"> 

</p> 

<p style="margin-bottom: 10px;"> 

<span style="padding-right: 10px;">内容:</span> 

<input type="text" id="content" name="blog.content" class="int_txt" maxlength="3000"> 

</p> 

<button class="btnstyle-strong btn-submit btn-submit-2" type="submit" title="发表日志(ctrl+enter)" id="saveBlogButton" onclick="publishBlog()"> 

<span>发 表</span> 

</button> 

</form>