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

Javascript教程 2025-08-20

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://**loca*lhost:8090/webplus3/_web/sns/createBlog.do?_p=YXM9Mw__","发表","日志","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" maxlength="30" >

< /div >

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

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

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

< /div >

< button type="submit" id="saveBlogButton" onclick="publishBlog()" >

< span >发 表< /span >

< /button >

< /form >