特殊js事件
1:点击enter事件
$(document).keypress(function(e) {
// 回车键事件
if(e.which == 13) {
submitForm();
}
});
2:JQUERY表单ajax提交事件
1):添加js插件
2):添加js事件
function submitForm(){
$.ajax({
url:'${root}/doLogin',
data:$('form').serialize(),
dataType:'json',
cache:false,
type:'post',
beforeSend:function(XMLHttpRequest){
var username=$("#username");
if(username.val()==''){
$.messager.alert('提示','用户名不能为空 !!!');
username.focus();
return false;
}
var password=$("#password");
if(password.val()==''){
$.messager.alert('提示','密码不能为空!!!');
password.focus();
return false;
}
var valiCode=$("#valiCode");
if(valiCode.val()==''){
$.messager.alert('提示','验证码不能为空!!!');
valiCode.focus();
return false;
}
},
success:function(result){
if(result.status){
$.messager.alert('提示',result.msg);
window.location.href="${root}"+result.url;
}else{
$.messager.alert('提示',result.msg);
}
}
});
第二种:提交地址默认form的action地址
js代码为:
$("#impForm").ajaxForm({
dataType:'json',
beforeSubmit:function(){
$("#imp").dialog("close");
showLoading('导入中...');
return $("#impForm").form("validate");
},
success:function(data){
var code=data.code;
hideLoading();
if(code>0){
var msg="保存成功";
$("#dg").datagrid('reload');
if(code==1){
msg+="<\/br><span style='color: #ff4a14'>以下机构保存失败(名称已存在):"+data.existName+"<\/span>";
}
$.messager.alert('提示',msg,'info',function(){
$("#imp").dialog("close");
});
}
}
});
3:ajax删除:
function del(id,name){
$.messager.confirm("提示",'确定要删除"'+name+'"吗?',function(r){
if(r){
$.ajax({
url:'${root}/dept/del/'+id,
success:function(data){
if(true){
$.messager.show({
title:'提示',
msg:'删除成功',
showType:'show'
});
}
$("#dg").datagrid("reload");
}
});
}
});
}
特殊js事件的更多相关文章
- dynamic-css 动态 CSS 库,使得你可以借助 MVVM 模式动态生成和更新 css,从 js 事件和 css 选择器的苦海中脱离出来
dynamic-css 使得你可以借助 MVVM 模式动态生成和更新 css,从而将本插件到来之前,打散.嵌套在 js 中的修改样式的代码剥离出来.比如你要做元素跟随鼠标移动,或者根据滚动条位置的变化 ...
- 什么是JS事件冒泡?
什么是JS事件冒泡?: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理 程序或者事件返回true,那么 ...
- js事件技巧方法整合
window.resizeTo(800,600); //js设置浏览器窗口尺寸 window.open (function(){ resizeTo(640,480);//设置浏览器窗口尺寸 moveT ...
- js事件浅析
js中关于DOM的操作很多,因此js事件机制也就尤为重要. 事件绑定形式: 一. 内联形式 耦合度高,不利于维护 <button onclick="alert('你点击了这个按钮'); ...
- js 事件大全
Js事件大全一般事件 事件 浏览器支持 描述onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick IE4|N4|O 鼠标双击事件onMouseDo ...
- 原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
一.原生JS事件绑定方法: 1.通过HTML属性进行事件处理函数的绑定如: <a href="#" onclick="f()"> 2.通过JavaS ...
- JS事件
JS事件: 声明:为了事件对象event跨浏览器兼容: var oEvent==ev||event; 所以在下面用到 event 的地方都用 oEvent 代替 1)doucument的 ...
- 原生js事件和jquery事件的执行顺序问题
场景:近日,写前端页面时候,在针对输入框input操作时,用到了jquery的插件,插件中使用了jquery的focus()和blur()方法.但是同时,又需要在插件之外再针对输入框的获取焦点和失去焦 ...
- js 事件
事件:一般用于浏览器与用户操作进行交互 js事件的三种模型:内联模型.脚本模型.DOM2模型 内联模型:事件处理函数是HTML标签的属性 <input type="button&quo ...
随机推荐
- Zookeeper
Zookeeper有个客户端,可以上传文件数据.然后Zookeeper有一个数据结构.像一种树.Zookeeper的主要作用有:维护配置文件(实时更新),选举leader(选举机制),感知节点(数据结 ...
- requests高级用法
会话对象 当你向同一主机发送多个请求时,session会重用底层的tcp连接,从而提升性能,同时session也会为所有请求保持 cookie. # _*_ coding: utf-8 _*_ imp ...
- Netty系列之Netty百万级推送服务设计要点
1. 背景 1.1. 话题来源 最近很多从事移动互联网和物联网开发的同学给我发邮件或者微博私信我,咨询推送服务相关的问题.问题五花八门,在帮助大家答疑解惑的过程中,我也对问题进行了总结,大概可以归纳为 ...
- js,addEventListener参数传递
解决方法 因为i相对匿名函数是外面的变量,就把循环绑定的时候,将i的值传入到匿名函数内,就可以了.因此需要在匿名函数(事件函数)外包裹一个匿名函数, 并立即执行. var elems = docume ...
- Laravel项目目录结构说明
Laravel项目目录结构说明: |- vendor 目录包含你的 Composer 依赖模块及laravel框架. |- bootstrap 目录包含几个框架启动跟自动加载配置的文件. |- app ...
- Mysql大范围分页优化案例
在BBS线上业务抓到如下分页SQL: meizu_bbs meizu_bbs Query Sending data , meizu_bbs meizu_bbs Query Sending data , ...
- 测试 ClownFish、CYQ、Entity Framework、Moon、MySoft、NHibernate、PDF、XCode数据访问组件性能
下期预告: 由于很多园友反馈,有的组件不应该缺席.测试复杂度不够.测试还缺乏一定的公平. 因此考虑在下一个版本中,确保在更加公平的前提下进行更高复杂度的测试 . 同时将分为2组测试,纯SQL组件及纯O ...
- things to analysis
Started by timer [EnvInject] - Loading node environment variables. Building remotely on RE_DEV_BUILD ...
- Flask 的 Context 机制
转自https://blog.tonyseek.com/post/the-context-mechanism-of-flask/ Flask 的 Context 机制 2014 年 07 月 21 日 ...
- 检测Linux VPS是Xen、OpenVZ还是KVM真假方法
如果大家对自己购买和使用的VPS需要检测是否为真的Xen,我们可以用如下方法进行测试.比较专业的就是用virt-what脚本进行检测.检测Linux VPS是Xen.OpenVZ还是KVM真假方法方法 ...