特殊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 ...
随机推荐
- tomcat跨域请求
tomcat A请求tomcat B中的数据(本人是在同一台机器上2个tomcat端口不同,在不同机器上有时间会测得) 博主用的是ajax请求 在A 请求B中数据,用下面的方法可以 在被请求的tomc ...
- python之元编程(元类实例)
本实例是元类实例,功能是记录该的子类的类名,并以树状结构展示子类的类名. RegisterClasses继承自type,提供的功能是在__init__接口,为类创建了childrens的集合,并类名保 ...
- eclipse安装反编译工具
身为一名程序员来说,日常最常做的就是编写代码和查看别人写好的源代码了,有时候打开别人写的class文件发现根本不是自己想要的,所以给大家介绍一种eclipse中反编译class文件的工具. 第一步:下 ...
- [PHP] - Laravel - 列表、新增、修改、删除例子
前言 Laravel默认是自带了CURD的功能,使用路由的Route::resource可以做到. 但真正的项目中,这往往不是我们所需要的.因为一个项目会有比较复杂的计算.验证等功能. 下面是对项目中 ...
- IOS开发之application/x-www-form-urlencoded ;charset=utf-8
本来常用的是application/json的这中格式,做ios常用的网络请求框架AFNetworking,默认也是application/json,前不久就遇到这种接受格式问题,按照网上各种说法,改 ...
- du 使用详解 linux查看目录大小 linux统计目录大小并排序 查看目录下所有一级子目录文件夹大小 du -h --max-depth=1 |grep [
常用命令 du -h --max-depth=1 |grep [TG] |sort #查找上G和T的目录并排序 du -sh #统计当前目录的大小,以直观方式展现 du -h --max-d ...
- div加边框
一.虚线与实线边框 边框虚线样式:dashed 边框实现样式:solid border:1px dashed #000 代表设置对象边框宽度为1px黑色虚线边框 border:1px solid #0 ...
- SQLServer的学习场景(关于row_number()和COALESCE()的使用)
--使用Sql语句,统计出每辆汽车每天行驶的里程数(不是总里程) 以下为脚本 CREATE TABLE [dbo].[CarData]([CarID] [int] NULL,[Mileage] [in ...
- 【原】灵活运用sessionStorage或者localStorage
有时,一个app中,后台并没有提供页面中对应的信息接口,需要前端在页面跳转时把某些信息带入下一个页面,一般想到用url后带参数的方法,但是有时需要带的参数过长,就不适合用这个方法了,所以用sessio ...
- android studio 各种问题
1.dexDebug ExecException finished with non-zero exit value 2 全bug日志如下: (Error:Execution failed for t ...