模态窗口插件之Jbox
$.jBox.tip("报损数量不能大于库存数!", 'error');
$.jBox.tip("请选择要报损的产品", "warn");
$.jBox.tip("报损单创建成功", "success");
$.jBox.info(result.d, "提示");
$.jBox.confirm("确定要删除吗?", "提示", submit);
var AccountSetting = {
Add: function () {
var submit = function (v, h, f) {
if (v == true) {
var userCode = h.find("#txtUserCode").val();
var userName = h.find("#txtUserName").val();
var realName = h.find("#txtRealName").val();
var email = h.find("#txtEmail").val();
var phone = h.find("#txtPhone").val();
var mobile = h.find("#txtMobile").val();
var roleNum = h.find("#ddlRole").val();
var departNum = h.find("#ddlDepart").val();
if (userName == undefined || userName == "") {
$.jBox.tip("请输入用户名", "warn");
return false;
}
var param = {};
param["UserCode"] = userCode;
param["UserName"] = userName;
param["RealName"] = realName;
param["Email"] = email;
param["Phone"] = phone;
param["Mobile"] = mobile;
param["RoleNum"] = roleNum;
param["DepartNum"] = departNum;
$.gitAjax({
url: "/UserAjax/AddUser", type: "post", data: { "entity": JSON.stringify(param) }, success: function (result) {
if (result.d == "success") {
$.jBox.tip("编辑成功", "success");
User.PageClick(, );
} else {
$.jBox.tip("编辑失败", "error");
}
}
});
return true;
} else {
return true;
}
}
$.jBox.open("get:/Home/AccountSetting", "编辑用户", , , { buttons: { "确定": true, "关闭": false }, submit: submit });
},
Edit: function () {
var submit = function (v, h, f) {
if (v == true) {
var currentPassword = h.find("#currentPassword").val();
var passWord = h.find("#txtPassword").val();
var confirm = h.find("#txtConfirm").val();
if (currentPassword == undefined || currentPassword == "") {
$.jBox.tip("请输入当前密码", "warn");
return false;
}
if (passWord == undefined || passWord == "") {
$.jBox.tip("请输入密码", "warn");
return false;
}
if (confirm == undefined || confirm == "") {
$.jBox.tip("请输入确认密码", "warn");
return false;
}
if (passWord != confirm) {
$.jBox.tip("密码和确认密码不一致", "warn");
return false;
}
var param = {};
param["currentPassword"] = currentPassword;
param["PassWord"] = passWord;
$.gitAjax({
url: "/UserAjax/ChangePwd", type: "post", data: param, success: function (result) {
if (result.d == "success") {
$.jBox.tip("修改成功", "success");
} else {
$.jBox.tip("修改失败,当前密码不正确!", "error");
}
}
});
return true;
} else {
return true;
}
}
$.jBox.open("get:/Home/ChangePwd", "修改密码", , , { buttons: { "确定": true, "关闭": false }, submit: submit });
}
};
<li><a href="javascript:void(0)" onclick="AccountSetting.Add();"><i class="icon-user"></i> @ViewBag.CurrentLoginUser.UserName</a></li>
<li><a href="javascript:void(0)" onclick="AccountSetting.Edit();"><i class="icon-wrench"></i> 修改密码</a></li>
模态窗口插件之Jbox的更多相关文章
- 15款最好的 jQuery Modal(模态窗口)插件
jQuery 模态窗口插件帮助网站开发人员显示网页中的特定内容,让用户聚焦到这个地方.模态窗口是嵌入到当前网页中,不用重定向到新网页的弹出窗口.这种技术可以用在图像画廊,电子商务网站,登陆框,电子邮件 ...
- Remodal – 支持 Hash 追踪的响应式模态窗口
Remodal 是一个扁平化,响应式,轻量而且容易定制的模态窗口插件,支持使用声明状态和 Hash 跟踪.您可以轻松地定义为模态弹窗定义背景景容器(如模糊效果).支持所有现代的浏览器. 您可能感兴趣的 ...
- JBox - 模态窗口,工具提示和消息 jQuery 插件
jBox 是一个强大而灵活的 jQuery 插件,可以帮助实现模态窗口,工具提示,通知和更多的功能.你可以使用 jQuery 选择器轻松地添加工具提示效果到元素上,您可以以同样的方式设置模态窗口.该库 ...
- Pop Easy – 轻松实现模态窗口的 jQuery 插件
PopEasy 是一款轻量的 jQuery 插件,可以帮助开发人员容易的创建效果精美的模态窗口.PopEasy 在主流浏览器中都能够正常工作,同时兼容 IE 7 哦. 您可能感兴趣的相关文章 Metr ...
- BootStrap入门教程 (四) :JQuery类库插件(模态窗口,滚动监控,标签效果,提示效果,“泡芙”效果,警告区域,折叠效果,旋转木马,输入提示)
上讲回顾:Bootstrap组件丰富同时具有良好可扩展性,能够很好地应用在生产环境.这些组件包括按钮(Button),导航(Navigation),缩略图( thumbnails),提醒(Alert) ...
- AnimatedModal.js – CSS3 全屏模态窗口
AnimatedModal.js 是一个用来创建一个全屏模态窗口的 jQuery 插件,基于 CSS3 过渡实现.您可以利用 Animate.css 中的转换或自行创建自己的过渡效果.支持 Firef ...
- Codrops 教程:基于 CSS3 的精美模态窗口效果
Codrops 分享了漂亮的模态窗口效果实现方法,希望给前端开发人员提供一些创新显示对话框的启示.这个方案使用了触发按钮(或任何的 HTML 元素),在点击的时候出现一个模态窗口,带有简单的过渡(或动 ...
- 使用jQuery创建模态窗口登陆效果
日期:2013-8-22 来源:GBin1.com 隐藏模态窗口技术是一种很好的解决方案,用于处理不是特有必要出现在网页上的界面元素.社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看 到的表 ...
- 第二百四十三节,Bootstrap模态框插件
Bootstrap模态框插件 学习要点: 1.基本使用 2.用法说明 本节课我们主要学习一下 Bootstrap 中的模态框插件,这是一款交互式网站非常常见的 弹窗功能插件. 一.基本使用 使用模态框 ...
随机推荐
- 续Gulp使用入门三步压缩CSS
gulp 压缩css 一.安装 gulp-minify-css 模块 提示:你需要使用命令行的 cd 切换到对应目录后进行安装操作. 在命令行输入 npm install gulp-minify-cs ...
- hdu 3064 twoNumber
twoNumber Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 2048/1024 K (Java/Others) Total Su ...
- I2C 总线协议
1.I2C协议 2条双向串行线,一条数据线SDA,一条时钟线SCL. SDA传输数据是大端传输,每次传输8bit,即一字节. 支持多主控(multimastering),任何时间点只能 ...
- HTTP Content-type
文件扩展名 Content-Type 文件扩展名 Content-Type .* application/octet-stream .tif image/tiff .001 applicat ...
- ggplot2颜色操作
1.颜色列表
- IPC之PIPE
管道是一种只允许用在有亲属关系的进程间通信的方式,由函数pipe创建一个管道,read,write进行读写操作. #include <unistd.h> ]); 参数pipefd[2]数组 ...
- Learning C Struct
为什么需要结构体类型? 一种语言本身往往会提供一些最基本的数据类型,比如数字型(int,bigint,float,double等),字符型,日期型,布尔型等.但现实世界中,我们面对的对象总是非常复常, ...
- uva 839 Not so Mobile-S.B.S.
Before being an ubiquous communications gadget, a mobilewas just a structure made of strings and wir ...
- [转载]ExtJs4 笔记(5) Ext.Button 按钮
作者:李盼(Lipan)出处:[Lipan] (http://www.cnblogs.com/lipan/)版权声明:本文的版权归作者与博客园共有.转载时须注明本文的详细链接,否则作者将保留追究其法律 ...
- JavaScript 中的原型声明和用法总结
下面是自己写的一个关于js的拖拽的原型声明:代码如下 需要注意的问题包括: 1.this的指向到底是指向谁--弄清楚所指的对象 2.call()方法的使用 3.直接将父级原型赋给子级与使用for将其赋 ...