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的图片场景标注提示弹窗特效
Jan 05 Javascript
JS实现图片放大镜效果的方法
Feb 27 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
Jun 24 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
Oct 04 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
Vue.directive自定义指令的使用详解
Mar 10 Javascript
浅谈vue路径优化之resolve
Oct 13 Javascript
karma+webpack搭建vue单元测试环境的方法示例
May 24 Javascript
js面试题之异步问题的深入理解
Sep 20 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 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
使用Curl进行抓取远程内容时url中文编码问题示例探讨
2013/10/29 PHP
PHP中鲜为人知的10个函数
2014/02/28 PHP
PHP使用gmdate实现将一个UNIX 时间格式化成GMT文本的方法
2015/03/19 PHP
PHP 表单提交及处理表单数据详解及实例
2016/12/27 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
如果文字过长,则将过长的部分变成省略号显示
2006/06/26 Javascript
js获取单元格自定义属性值的代码(IE/Firefox)
2010/04/05 Javascript
jquery实现excel导出的方法
2013/04/04 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
2013/05/03 Javascript
详解JavaScript正则表达式中的global属性的使用
2015/06/16 Javascript
JavaScript通过代码调用Flash显示的方法
2016/02/02 Javascript
使用 bootstrap modal遇到的问题小结
2016/11/09 Javascript
js实现数组去重方法及效率?Ρ? target=
2017/02/14 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
分析Python的Django框架的运行方式及处理流程
2015/04/08 Python
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
Python实现将HTML转换成doc格式文件的方法示例
2017/11/20 Python
python实现决策树分类算法
2017/12/21 Python
对python中使用requests模块参数编码的不同处理方法
2018/05/18 Python
Python 2.7中文显示与处理方法
2018/07/16 Python
关于windows下Tensorflow和pytorch安装教程
2020/02/04 Python
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
世界上最大的家庭自动化公司:Smarthome
2017/12/20 全球购物
新加坡领先的时尚生活方式零售品牌:CHARLES & KEITH
2018/01/16 全球购物
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
接口可以包含哪些成员
2012/09/30 面试题
幼儿园教师师德师风演讲稿:爱我所爱 无悔青春
2014/09/10 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
高中军训感想
2015/08/07 职场文书
IDEA 2022 Translation 未知错误 翻译文档失败
2022/04/24 Java/Android