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 相关文章推荐
jQuery 选择器、DOM操作、事件、动画
Nov 25 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
Mar 29 Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 Javascript
简单的代码实现jquery定时器
Jan 03 Javascript
面向切面编程(AOP)的理解
May 01 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 Javascript
vue2.0之多页面的开发的示例
Jan 30 Javascript
vue input输入框模糊查询的示例代码
May 22 Javascript
layer弹出层全屏及关闭方法
Aug 17 Javascript
Vue props 单向数据流的实现
Nov 06 Javascript
原生js实现Flappy Bird小游戏
Dec 24 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学习之PHP运算符
2006/10/09 PHP
php 文件上传实例代码
2012/04/19 PHP
百度实时推送api接口应用示例
2014/10/21 PHP
PHP、Java des加密解密实例
2015/04/27 PHP
php生成二维码
2015/08/10 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
PHP设计模式之模板方法模式定义与用法详解
2018/04/02 PHP
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
js 获取浏览器版本以此来调整CSS的样式
2014/06/03 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
2014/09/15 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
常用的javascript设计模式
2017/01/11 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
2017/01/17 Javascript
jQuery中DOM节点的删除方法总结(超全面)
2017/01/22 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
详解nuxt sass全局变量(公共scss解决方案)
2018/06/27 Javascript
[01:08:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS LGD-CDEC
2014/05/22 DOTA
python函数参数*args**kwargs用法实例
2013/12/04 Python
Python变量和字符串详解
2017/04/29 Python
Windows下Sqlmap环境安装教程详解
2020/08/04 Python
python利用tkinter实现图片格式转换的示例
2020/09/28 Python
英国著名国际平价时尚男装品牌:Topman
2016/08/27 全球购物
伦敦所有西区剧院演出官方票务代理:Theatre Tickets Direct
2017/05/26 全球购物
北欧最好的童装网上商店:Babyshop
2019/09/15 全球购物
神话般的珠宝:Ross-Simons
2020/07/13 全球购物
物业管理专业个人的自我评价
2013/11/19 职场文书
高中英语教学反思
2014/02/04 职场文书
电焊工岗位职责
2014/03/06 职场文书
小学生评语大全
2014/04/18 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
演讲稿开场白台词
2014/08/25 职场文书
技术员个人工作总结
2015/03/03 职场文书
史上最全书信经典范文大全(建议收藏)
2019/07/10 职场文书
JavaScript异步操作中串行和并行
2021/11/20 Javascript