sweetalert2简化整理版

所属分类:UI-对话框,工具提示

 4277  62  查看评论 (2)
sweetalert2简化整理版 ie兼容10

更多使用说明,在解压后的index页面中有注释(虽然不全,但是是个人感觉比较常用的),如果对我的注解有不同的,可以加入578534767,通探讨~

//下面可以使用ajax进行异步操作
$("#prompt").click(function() {
	swal({
		title: '输入一段不为空的值,且格式是email格式',
		//标题
		input: 'email',
		//封装的email类型  列如qq@qq.com
		showCancelButton: true,
		confirmButtonText: 'Submit',
		//同上,重复的我就不注释了哈~
		showLoaderOnConfirm: true,
		preConfirm: function(email) { //功能执行前确认操作,支持function
			return new Promise(function(resolve, reject) {
				setTimeout(function() { //添加一个时间函数,在俩秒后执行,这里可以用作异步操作数据
					if (email === 'taken@example.com') { //这里的意思是:如果输入的值等于'taken@example.com',数据已存在,提示信息
						reject('用户已存在') //提示信息
					} else {
						resolve() //方法出口
					}
				},
				2000)
			})
		},
		allowOutsideClick: false
	}).then(function(email) {
		swal({
			type: 'success',
			title: 'Ajax request finished!',
			html: '提交的email是 ' + email
		})
	})
})


相关插件-对话框,工具提示

JQuery话框插件-LeanModal

LeanModal是一个用于创建模式对话框的超级简单JQuery插件。可以展示隐藏的页面内容,整个插件大小只有780bytes,可灵活变化高度和宽度,没有用到任何图片,支持在一个页面中创建多个实例,非常适合于创建:登录框,注册框,警告对话框等。
  对话框
 23477  21

对话框jQuery插件Zebra_Dialog

Zebra_Dialog是一个可灵活配置的对话框jQuery插件,大小只有4KB,要求jQuery 1.5.2+支持。可用于替换JavaScript原始的“alert” 和“confirmation”对话框。
  对话框
 15237  7

TourBus jQuery

一个轻量级的工具进行互动的网站/应用之旅。
  对话框
 7698  1

jQuery和CSS3时尚手机聊天框界面动画特效

这是一款效果非常时尚大方的jQuery和CSS3手机聊天框界面动画特效。该聊天框界面适合用于各类手机APP的聊天界面布局。
  对话框
 7511  76

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    秦时明月? 0
    2016/12/5 11:12:03
    深度好文啊!  最近一直想把确认删除原来的删除和取消位置对调   现在有改完的啦!!!3Q
        Lai~ Gema&0
        2016/12/5 13:12:37
        没关系~sweetalert支持在弹框内写其它html代码,而且还有很多执行函数,略懂皮毛,我只是把自己的研究成果择重发布了出来,sweetalert是一种扩展性很高的插件
    回复
取消回复