特殊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 ...
随机推荐
- MyBatis学习(一)
前言 再过一个月,转行做java web就满一年了.当初吸引我进入公司的,其实并不是java web,而是领导给我描述的hadoop生态圈.公司的hadoop集群以及大数据业务.可是进入公司后才发现, ...
- Centos7的安装、Docker1.12.3的安装,以及Docker Swarm集群的简单实例
目录 [TOC] 1.环境准备 本文中的案例会有四台机器,他们的Host和IP地址如下 c1 -> 10.0.0.31 c2 -> 10.0.0.32 c3 -> 10.0.0. ...
- 【原创】新手用外挂来学C语言,外挂入门教程【2013.03.12更新V5.1版
目录 e@vZg8Ie 第一章 配置编译环境 - 5 - W7~_XI 1.1 安装CB和gcc - 6 - fj( WH L 1.2 使用gcc编写我们的第一个C程序 - 1 ...
- php 图片base64编码生成dataurl和保存为图片
<?php header('Content-type:text/html;charset=utf-8'); //读取图片文件,转换成base64编码格式 $image_file = 'aaa.j ...
- HTML5常用的方法
1.html禁止手机页面放大缩小 在页面head中加入<meta name="viewport" content="width=device-width, init ...
- 如何在Visual Studio里面查看程序的汇编代码?
开发工具:Visual Studio 2015 1,在源代码中设置至少一个断点,目的让我们进入调试模式. 2,启动调试,当程序进入调试模式,停留在我们设定的断点处时候,使用快捷键"ALT+8 ...
- CentOS下Apache开启Gzip网页压缩功能
1.进入/etc/httpd/conf下打开httpd.conf文件 开启Gzip压缩功能,即去掉LoadModule deflate_module modules/mod_deflate.so这行前 ...
- Android屏幕适配全攻略 (转载)
http://blog.csdn.net/jdsjlzx/article/details/45891551 https://github.com/hongyangAndroid/AndroidAuto ...
- Oracle行转列操作
有时候我们在展示表中数据的时候,需要将行转为列来显示,如以下形式: 原表结构展示如下:---------------------------产品名称 销售额 季度------------ ...
- Knock: 使用压电传感器来检测敲击
原文链接:https://www.arduino.cc/en/Tutorial/Knock 敲击检测 本教程介绍如何使用压电传感器检测振动,比如敲门.桌子或其他固体表面. 压电传感器是一种能够在振动. ...