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事件的更多相关文章

  1. dynamic-css 动态 CSS 库,使得你可以借助 MVVM 模式动态生成和更新 css,从 js 事件和 css 选择器的苦海中脱离出来

    dynamic-css 使得你可以借助 MVVM 模式动态生成和更新 css,从而将本插件到来之前,打散.嵌套在 js 中的修改样式的代码剥离出来.比如你要做元素跟随鼠标移动,或者根据滚动条位置的变化 ...

  2. 什么是JS事件冒泡?

    什么是JS事件冒泡?: 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理 程序或者事件返回true,那么 ...

  3. js事件技巧方法整合

    window.resizeTo(800,600); //js设置浏览器窗口尺寸 window.open (function(){ resizeTo(640,480);//设置浏览器窗口尺寸 moveT ...

  4. js事件浅析

    js中关于DOM的操作很多,因此js事件机制也就尤为重要. 事件绑定形式: 一. 内联形式 耦合度高,不利于维护 <button onclick="alert('你点击了这个按钮'); ...

  5. js 事件大全

    Js事件大全一般事件 事件 浏览器支持 描述onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击onDblClick IE4|N4|O 鼠标双击事件onMouseDo ...

  6. 原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别

    一.原生JS事件绑定方法: 1.通过HTML属性进行事件处理函数的绑定如: <a href="#" onclick="f()"> 2.通过JavaS ...

  7. JS事件

    JS事件:  声明:为了事件对象event跨浏览器兼容: var oEvent==ev||event;      所以在下面用到 event 的地方都用 oEvent 代替  1)doucument的 ...

  8. 原生js事件和jquery事件的执行顺序问题

    场景:近日,写前端页面时候,在针对输入框input操作时,用到了jquery的插件,插件中使用了jquery的focus()和blur()方法.但是同时,又需要在插件之外再针对输入框的获取焦点和失去焦 ...

  9. js 事件

    事件:一般用于浏览器与用户操作进行交互 js事件的三种模型:内联模型.脚本模型.DOM2模型 内联模型:事件处理函数是HTML标签的属性 <input type="button&quo ...

随机推荐

  1. C#模拟键盘事件

    public partial class Form1 : Form { public Form1() { InitializeComponent(); } [DllImport("USER3 ...

  2. 为毛无法创建文本文件COM1.txt

    是的,windows系统下,右键,新建文本文件,将文件名编辑为COM1.txt,确认,保存……THEN....你会发现无论如何也无法创建一个文本文件,名为COM1.txt. 猜是COM1被作为了IO设 ...

  3. Head First 设计模式之命令模式(CommandPattern)

    前言: 本章会将封装带入到一个全新的境界,把方法调用封装起来.通过封装方法调用,把运算块包装成形.调用此运算的对象不需要知道事情是如何进行的,只要知道如何使用包装形成的方法来完成它就ok了. 1 现实 ...

  4. UICollectionView的使用

    感谢下面文章作者的无私奉献 基础用法: http://www.cnblogs.com/ios8/p/iOS-UICollectionView.html http://my.oschina.net/jo ...

  5. ngCordova

    参见:http://blog.csdn.net/Luo_xinran/article/details/52164480 ngCordova是基于Cordova封装的AngularJS的调用本地设备接口 ...

  6. 轨迹记录App是怎样对定位轨迹进行过滤、优化和平滑处理的

    https://www.zhihu.com/question/39983016 卡尔曼滤波原理 卡尔曼滤波学习笔记 卡尔曼滤波的原理说明 http://www.cs.unc.edu/~welch/ka ...

  7. c++中的宏 #define _CLASSDEF(name) class name

    #include <iostream> using namespace std; #define _CLASSDEF(name) class name; \ typedef name * ...

  8. PSP(11.9~11.16)

    14号 类别c 内容c 开始时间s 结束e 中断I 净时间T 看书 设计模式 15:20 17:10 25m 85m 看书 构建执法 19:00 20:10 0m 70m 15号 类别c 内容c 开始 ...

  9. Python多线程join的用法

    import threading, time def Myjoin(): print 'hello world!' time.sleep(1) for i in range(5): t=threadi ...

  10. usb-serial驱动问题

    pl2303 prolific usb-serial驱动,驱动安装后,win10下仍然有问题,选择更新驱动程序-从计算机选择-列表选择-尝试不同版本程序.