form表单action提交的js部分与html部分
作者:互联网
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 >
相关标签:
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
聊聊我逃离前端开发前的思考
React vs Vue 优势对比Demo(证明React更具优势)
最新版vue3+TypeScript开发入门到实战教程之路由详解二
src-components调用链与即时聊天组件树
从0开始设计一个树和扁平数组的双向同步方案
拒绝 rem 计算!Vue3 大屏适配,我用 vfit 一行代码搞定
Home双router-view与布局切换逻辑
uniapp uview-plus 自定义动态验证
Vue3 单元测试实战:从组合式函数到组件
VUE-组件命名与注册机制
AI精选
