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 相关文章推荐
JS类定义原型方法的两种实现的区别评论很多
Sep 12 Javascript
原生javascript图片自动或手动切换示例附演示源码
Sep 04 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
react-router实现跳转传值的方法示例
May 27 Javascript
详解VueJS 数据驱动和依赖追踪分析
Jul 26 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
Jan 04 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
微信小程序实现pdf、word等格式文件上传的方法
Sep 10 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
Apr 26 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初学者头疼问题总结
2006/07/08 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
微信公众号之主动给用户发送消息功能
2019/06/22 PHP
会自动逐行上升的文本框
2006/06/30 Javascript
JavaScript对象创建及继承原理实例解剖
2013/02/28 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
nodejs教程之制作一个简单的文章发布系统
2014/11/21 NodeJs
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
JavaScript encodeURI 和encodeURIComponent
2015/12/04 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
2016/08/06 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
Angular2学习笔记之数据绑定的示例代码
2018/01/03 Javascript
微信小程序实现YDUI的ScrollNav组件
2018/02/02 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
详解JavaScript中typeof与instanceof用法
2018/10/24 Javascript
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
教你如何用Node实现API的转发(某音乐)
2019/09/20 Javascript
详解Vue 的异常处理机制
2020/11/30 Vue.js
nodejs中的异步编程知识点详解
2021/01/17 NodeJs
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
2021/02/26 Vue.js
[05:00]第二届DOTA2亚洲邀请赛主赛事第三天比赛集锦.mp4
2017/04/04 DOTA
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
详解Python中的join()函数的用法
2015/04/07 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
python实现指定字符串补全空格、前面填充0的方法
2018/11/16 Python
利用anaconda保证64位和32位的python共存
2021/03/09 Python
Python random模块的使用示例
2020/10/10 Python
雷朋巴西官方商店:Ray-Ban Brasil
2020/07/21 全球购物
大学生关于奋斗的演讲稿
2014/01/09 职场文书
致100米运动员广播稿
2014/02/14 职场文书
超市工作总结范文2014
2014/12/19 职场文书
博士生专家推荐信
2015/03/25 职场文书