zl程序教程

您现在的位置是:首页 >  后端

当前栏目

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

JSHTML 提交 表单 部分 Form Action
2023-06-13 09:15:15 时间
1、JS部分代码
复制代码代码如下:

/**
*提交表单
*/
functionsubmitForm(action,actName,objName,formName,blogType){
$("#"+formName).attr("action",action);
//varf=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");
}
}
});
}
/**
*发表日志
*/
functionpublishBlog(){
submitForm("http://localhost:8090/webplus3/_web/sns/createBlog.do?_p=YXM9Mw__","发表","日志","fm1","publish");
}

2、html部分
复制代码代码如下:

<formstyle="padding:10px8px;"method="post"action=""id="fm1"name="fm1">
<divstyle="margin-bottom:10px;">
<spanstyle="padding-right:10px;">标题:</span>
<inputtype="text"id="title"name="blog.title"class="int_txt"maxlength="30">
</div>
<divstyle="margin-bottom:10px;">
<spanstyle="padding-right:10px;">内容:</span>
<inputtype="text"id="content"name="blog.content"class="int_txt"maxlength="3000">
</div>
<buttonclass="btnstyle-strongbtn-submitbtn-submit-2"type="submit"title="发表日志(ctrl+enter)"id="saveBlogButton"onclick="publishBlog()">
<span>发表</span>
</button>
</form>