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操作JSON的要领总结
Dec 09 Javascript
JavaScript实现时间倒计时跳转(推荐)
Jun 28 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
Oct 29 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
Jan 03 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
Sep 25 Javascript
jquery+css3实现熊猫tv导航代码分享
Feb 12 jQuery
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
详解Vue-axios 设置请求头问题
Dec 06 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 06 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
Aug 10 Javascript
使用Vant完成Dialog弹框案例
Nov 11 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实现的MySQL通用查询程序
2007/03/11 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
destoon实现会员商铺中指定会员或会员组投放广告的方法
2014/08/21 PHP
php-fpm服务启动脚本的方法
2018/04/27 PHP
js+html5实现canvas绘制镂空字体文本的方法
2015/06/05 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
nodejs开发微信小程序实现密码加密
2017/07/11 NodeJs
H5实现仿flash效果的实现代码
2017/09/29 Javascript
Nodejs使用Mongodb存储与提供后端CRD服务详解
2018/09/04 NodeJs
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
2018/09/25 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
2020/10/23 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
2020/11/13 Javascript
Linux下编译安装MySQL-Python教程
2015/02/02 Python
python选择排序算法实例总结
2015/07/01 Python
关于pip的安装,更新,卸载模块以及使用方法(详解)
2017/05/19 Python
基于python生成器封装的协程类
2019/03/20 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
用python3读取python2的pickle数据方式
2019/12/25 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
tensorflow之自定义神经网络层实例
2020/02/07 Python
python实现的分层随机抽样案例
2020/02/25 Python
CSS3实现大小不一的粒子旋转加载动画
2016/04/21 HTML / CSS
美国演唱会订票网站:Ticketmaster美国
2017/10/05 全球购物
西安当代医院管理研究院笔试题
2015/12/11 面试题
服装厂厂长职责
2013/12/16 职场文书
幼儿园校车司机的岗位职责
2014/01/30 职场文书
倡议书范文格式
2014/05/12 职场文书
党在我心中演讲稿
2014/09/02 职场文书
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
军训心得体会范文(2016最新篇)
2016/01/11 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
如何有效防止sql注入的方法
2021/05/25 SQL Server
Python中Selenium对Cookie的操作方法
2021/07/09 Python