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


Posted in Javascript onJanuary 07, 2014

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"> 
<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;">内容:</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="发表日志(ctrl+enter)" id="saveBlogButton" onclick="publishBlog()"> 
<span>发 表</span> 
</button> 
</form>
Javascript 相关文章推荐
Javascript 的addEventListener()及attachEvent()区别分析
May 21 Javascript
lyhucSelect基于Jquery的Select数据联动插件
Mar 29 Javascript
javascript中的window.location.search方法简介
Sep 02 Javascript
js中单引号与双引号冲突问题解决方法
Oct 04 Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 Javascript
编写简单的jQuery提示插件
Dec 21 Javascript
Bootstrap每天必学之标签页(Tab)插件
Aug 09 Javascript
JQuery Mobile 弹出式登录框的实现方法
May 28 Javascript
小程序实现带年月选取效果的日历
Jun 27 Javascript
基于VUE实现的九宫格抽奖功能
Sep 30 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
js判断一个对象是数组(函数)的方法实例
Dec 19 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
Jan 07 #Javascript
javascript计时器事件使用详解
Jan 07 #Javascript
javascript创建和存储cookie示例
Jan 07 #Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 #Javascript
window.showModalDialog()返回值的学习心得总结
Jan 07 #Javascript
js showModalDialog参数的使用详解
Jan 07 #Javascript
js showModalDialog弹出窗口实例详解
Jan 07 #Javascript
You might like
微信支付PHP SDK之微信公众号支付代码详解
2015/12/09 PHP
PHP预定义变量9大超全局数组用法详解
2016/04/23 PHP
在IIS下安装PHP扩展的方法(超简单)
2017/04/10 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
php基于 swoole 实现的异步处理任务功能示例
2019/08/13 PHP
JavaScript prototype属性深入介绍
2012/11/27 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
javascript + jquery实现定时修改文章标题
2014/03/19 Javascript
跟我学Nodejs(三)--- Node.js模块
2014/05/25 NodeJs
JavaScript 异常处理 详解
2015/02/06 Javascript
js电话号码验证方法
2015/09/28 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
JS组件系列之Bootstrap Icon图标选择组件
2016/01/28 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
详解VueJS 数据驱动和依赖追踪分析
2017/07/26 Javascript
vue cli使用绝对路径引用图片问题的解决
2017/12/06 Javascript
vue项目打包部署_nginx代理访问方法详解
2018/09/20 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
2020/06/11 Javascript
使用Python的Twisted框架实现一个简单的服务器
2015/04/16 Python
Python基于Matplotlib库简单绘制折线图的方法示例
2017/08/14 Python
tensorflow学习笔记之mnist的卷积神经网络实例
2018/04/15 Python
Python 单元测试(unittest)的使用小结
2018/11/14 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
Python列表嵌套常见坑点及解决方案
2020/09/30 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
欧尚俄罗斯网上超市:Auchan俄罗斯
2018/05/03 全球购物
美国最大的户外装备和服装购物网站:Backcountry
2019/10/15 全球购物
实习生自我鉴定
2013/12/12 职场文书
党员个人对照检查材料范文
2014/09/24 职场文书
高二学年自我鉴定范文(2篇)
2014/09/26 职场文书
2015年学生会个人工作总结
2015/04/09 职场文书
行政助理岗位职责范本
2015/04/11 职场文书
民间借贷被告代理词
2015/05/23 职场文书
初中班长竞选稿
2015/11/20 职场文书
Java实战之课程信息管理系统的实现
2022/04/01 Java/Android