模态窗口插件之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 中的模态框插件,这是一款交互式网站非常常见的 弹窗功能插件. 一.基本使用 使用模态框 ...
随机推荐
- jQuery Validate 表单验证插件----在class属性中添加校验规则进行简单的校验
一.下载插件包. 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二.jQuery表单验证插件----添加class属性形式的校验 <!DOCTY ...
- Linux dsh
一.简介 目前在企业网络中越来越多的出现Linux服务器,而如何方便高效的管理大量的Linux服务器是系统管理员非常关心的一个问题,而dsh正是一个通过命令行有效地管理大量Linux的工具. 二. ...
- Hive history date mapping
Hive history table mapping create table fdl_family as select * from (select 'acc1' as account,'famil ...
- [转]ActionScript 3.0入门:Hello World、文件读写、数据存储(SharedObject)、与JS互调
本文转自:http://www.cnblogs.com/artwl/p/3396330.html 近期项目中可能要用到Flash存取数据,并与JS互调,所以就看了一下ActionScript 3.0, ...
- 【软件使用】Windows下的Objective-C集成开发环境搭建(IDE)
Objective-C是苹果软件的编程语言,想要上机学习.调试,有一个集成开发环境(IDE)方便很多.有三类方法搭建Objective-C的集成开发环境: 1) 使用苹果的平台,集成开发环境使用X ...
- 【Ext.Net学习笔记】07:后续
这些笔记都是在这个地址看到的:http://www.qeefee.com/category/extnet 然后跟着敲,去理解的. Ext.NET其实就是基于跨浏览器的ExtJS库和.NET Frame ...
- JavaScript Promise API
同步编程通常来说易于调试和维护,然而,异步编程通常能获得更好的性能和更大的灵活性.异步的最大特点是无需等待."Promises"渐渐成为JavaScript里最重要的一部分,大量的 ...
- java 15 - 9 集合框架之 栈、队列、数组 和 链表
- java 13-1 数组高级二分查找
查找: 1.基本查找:数组元素无序(从头找到尾) 2.二分查找(折半查找):数组元素有序 pS:数组的元素必须有顺序,从小到大或者从大到小.以下的分析是从小到大的数组 二分查找分析: A:先对数组进行 ...
- 斯坦福大学 iOS 7应用开发 ppt
上网的找了很久都不全,最后发现原来网易那个视频下面就有完整的PPT..