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操作时间(年-月-日 时-分-秒 星期几)
Jun 20 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
基于BootStrap实现局部刷新分页实例代码
Aug 08 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
12 款 JS 代码测试必备工具(翻译)
Dec 13 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
Mar 08 Javascript
vue2实现数据请求显示loading图
Nov 28 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
vuex与组件联合使用的方法
May 10 Javascript
Node.js实现简单的爬取的示例代码
Jun 25 Javascript
Vue路由守卫之路由独享守卫
Sep 25 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
Feb 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遍历目录viewDir函数
2009/12/15 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
浅谈angularJS 作用域
2015/07/05 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
利用Node.js对文件进行重命名
2017/03/12 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
手动用webpack搭建第一个ReactApp的示例
2018/04/11 Javascript
Angular6 写一个简单的Select组件示例
2018/08/20 Javascript
Vue基础学习之项目整合及优化
2019/06/02 Javascript
5分钟教你用nodeJS手写一个mock数据服务器的方法
2019/09/10 NodeJs
微信小程序防止多次点击跳转(函数节流)
2019/09/19 Javascript
vue实现图片按比例缩放问题操作
2020/08/11 Javascript
python函数形参用法实例分析
2015/08/04 Python
python判断字符串编码的简单实现方法(使用chardet)
2016/07/01 Python
Python 中 function(#) (X)格式 和 (#)在Python3.*中的注意事项
2018/11/30 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
python实现代码审查自动回复消息
2021/02/01 Python
杭州信雅达系统.NET工程师面试试题
2015/02/08 面试题
商场活动策划方案
2014/01/24 职场文书
消防器材管理制度
2014/01/28 职场文书
聚美优品励志广告词
2014/03/14 职场文书
节约用水倡议书
2014/04/16 职场文书
2014年药剂科工作总结
2014/11/26 职场文书
2014年标准化工作总结
2014/12/17 职场文书
人事任命通知书
2015/04/21 职场文书
学校运动会通讯稿
2015/07/18 职场文书
课文《燕子》教学反思
2016/02/17 职场文书
redis 限制内存使用大小的实现
2021/05/08 Redis
Python中的套接字编程是什么?
2021/06/21 Python
python scrapy简单模拟登录的代码分析
2021/07/21 Python
python中字符串String及其常见操作指南(方法、函数)
2022/04/06 Python
MySQL 原理与优化之Update 优化
2022/08/14 MySQL