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 相关文章推荐
百度 popup.js 完美修正版非常的不错 脚本之家推荐
Apr 17 Javascript
Jquery插件 easyUI属性汇总
Jan 19 Javascript
将光标定位于输入框最右侧实现代码
Dec 04 Javascript
jQuery中outerHeight()方法用法实例
Jan 19 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
Mar 14 Javascript
JavaScript判断前缀、后缀是否是空格的方法
Apr 15 Javascript
Bootstrap路径导航与分页学习使用
Feb 08 Javascript
js中DOM事件绑定分析
Mar 18 Javascript
使用vue2实现购物车和地址选配功能
Mar 29 Javascript
JS实现面向对象继承的5种方式分析
Jul 21 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
Sep 25 Javascript
javascript实现弹幕墙效果
Nov 28 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
收音机的保养
2021/03/01 无线电
Fatal error: session_start(): Failed to initialize storage module: files问题解决方法
2014/05/04 PHP
php_pdo 预处理语句详解
2016/11/21 PHP
CI框架常用经典操作类总结(路由,伪静态,分页,session,验证码等)
2016/11/21 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
document.documentElement &amp;&amp; document.documentElement.scrollTop
2007/12/01 Javascript
禁止js文件缓存的代码
2010/04/09 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
2012/01/15 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
2013/07/09 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
用JS在浏览器中创建下载文件
2014/03/05 Javascript
JS HTML5实现拖拽移动列表效果
2020/08/27 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
JavaScript实现网页头部进度条刷新
2017/04/16 Javascript
浅谈js的解析顺序 作用域 严格模式
2017/10/23 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
2018/03/20 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
2019/09/02 Javascript
基于Vue和Element-Ui搭建项目的方法
2019/09/06 Javascript
[02:04]2018DOTA2亚洲邀请赛Secret赛前采访
2018/04/03 DOTA
[47:04]LGD vs infamous Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
Python线程中对join方法的运用的教程
2015/04/09 Python
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
基于Pyinstaller打包Python程序并压缩文件大小
2020/05/28 Python
python进度条显示之tqmd模块
2020/08/22 Python
印度尼西亚最大和最全面的网络商城:Blibli.com
2017/10/04 全球购物
玩具反斗城天猫官方旗舰店:享誉全球的玩具店
2017/10/10 全球购物
捷克街头、运动和滑板一站式商店:BoardStar.cz
2019/10/06 全球购物
什么是Assembly(程序集)
2014/09/14 面试题
护士试用期自我鉴定
2014/02/08 职场文书
幼儿园大班开学教师寄语
2014/04/03 职场文书
铅球加油稿100字
2014/09/26 职场文书
办理护照工作证明
2014/10/10 职场文书
道路交通事故人身损害赔偿协议书
2014/11/19 职场文书
工程款催款函
2015/06/24 职场文书
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript