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学习资源站点
Aug 29 Javascript
JavaScript中清空数组的三种方法分享
Apr 07 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
Mar 01 Javascript
js获取form表单所有数据的简单方法
Aug 18 Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
Aug 25 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
Javascript中常用类型的格式化方法小结
Dec 26 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
Jul 13 Javascript
jQuery实现输入框的放大和缩小功能示例
Jul 21 jQuery
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 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/10/09 PHP
javascript中的array数组使用技巧
2010/01/31 Javascript
用JavaScript修改CSS属性的代码
2013/05/06 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
2014/05/11 Javascript
javascript伸缩型菜单实现代码
2015/11/16 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
2018/03/20 Javascript
Webpack的dll功能使用
2018/06/28 Javascript
vue实现侧边栏导航效果
2019/10/21 Javascript
JS document内容及样式操作完整示例
2020/01/14 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
2020/01/21 Javascript
JavaScript闭包原理与用法学习笔记
2020/05/29 Javascript
解决Vue中使用keepAlive不缓存问题
2020/08/04 Javascript
nuxt引入组件和公共样式的操作
2020/11/05 Javascript
[02:09]抵达西雅图!中国军团加油!
2014/07/07 DOTA
[01:34]传奇从这开始 2016国际邀请赛中国区预选赛震撼开启
2016/06/26 DOTA
python创建线程示例
2014/05/06 Python
Python 调用Java实例详解
2017/06/02 Python
Python实现的端口扫描功能示例
2018/04/08 Python
Python实现分段线性插值
2018/12/17 Python
WIn10+Anaconda环境下安装PyTorch(避坑指南)
2019/01/30 Python
为什么说Python可以实现所有的算法
2019/10/04 Python
Python+appium框架原生代码实现App自动化测试详解
2020/03/06 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
什么是CSS3 HSLA色彩模式?HSLA模拟渐变色条
2016/04/26 HTML / CSS
html5新特性与用法大全
2018/09/13 HTML / CSS
手机端用rem+scss做适配的详解
2017/11/15 HTML / CSS
香港士多网上超级市场:Ztore
2021/01/09 全球购物
.NET remoting中对象激活的两种方式
2015/06/08 面试题
幼儿园教师备课制度
2014/01/12 职场文书
赔偿协议书范本
2014/09/12 职场文书
隐形的翅膀观后感
2015/06/10 职场文书
Python+Appium新手教程
2021/04/17 Python
Python tensorflow卷积神经Inception V3网络结构
2022/05/06 Python